Cara menampilkan bintang di tombol radio terpilih

tampilkan bintang di tombol radio terpilih

https://www.jotform.com/build/252818571311455

Hi Forda,

Terima kasih telah menghubungi Dukungan Jotform. Untuk menampilkan bintand dalam lingkaran tombol radio yang dipilih, itu mudah dengan menyuntikkan kode CSS ke formulir Anda. Mari saya jelaskan caranya:

1. Pertama, salin kode ini:

/* Menampilkan bintand di dalam lingkaran tombol radio */

.form-radio + label:after {

  content: "★"; /* Star icon */

  font-size: 14px;

  color: white;

  position: absolute;

  left: 3px;

  top: 2.5px;

  transform: scale(0);

  opacity: 0;

  transition: all 0.3s ease;

}



.form-radio:checked + label:after {

  transform: scale(1);

  opacity: 1;

}

/* Berakhir di sini */

2. Di Pembangun Formulir, klik ikon Rol Cat di sisi kanan halaman untuk membuka Perancang Formulir.

3. Sekarang, di menu Perancang Formulir, klik tab Gaya, gulir ke bawah, lalu tempelkan kode ke dalam kotak Suntik Kode CSS. Selesai. Kode akan tersimpan secara otomatis.

Lihat tangkapan layar saya di bawah ini untuk melihat hasilnya:

Hubungi kami lagi jika ada hal lain lagi yang dapat kami bantu.