-
memilsiswiratmoDitanyakan pada tanggal 24 Agustus 2025 pukul 18.31 -
memilsiswiratmoDibalas pada tanggal 24 Agustus 2025 pukul 18.58
-
Sigit Jotform SupportDibalas pada tanggal 24 Agustus 2025 pukul 18.59Hi Memil,
Terima kasih telah menghubungi Dukungan Jotform. Tambahkan CSS berikut untuk mengubah tombol radio menjadi tombol yang lebih menarik. Mari saya jelaskan caranya:
1. Pertama, salin kode ini:
/* Hide the original radio input completely */
.form-radio {
position: absolute;
opacity: 0;
pointer-events: none;
}
/* Style the label like a button */
.form-radio-item label {
display: inline-block;
padding: 10px 20px;
margin: 5px;
border: 2px solid #007bff;
border-radius: 8px;
background: #fff;
color: #007bff;
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
/* Hover effect */
.form-radio-item label:hover {
background: #007bff;
color: #fff;
}
/* Selected (when radio is checked) */
.form-radio:checked + label {
background: #007bff;
color: #fff;
border-color: #0056b3;
box-shadow: 0 0 6px rgba(0, 123, 255, 0.6);
}
/* Hilangkan lingkaran tombol radion */
.form-radio+label:before,
.form-radio+span:before {
content: none !important;
display: none !important;
}
/* 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 screencast saya di bawah ini untuk melihat hasilnya:
Untuk menjaga percakapan tetap teratur, saya memindahkan pertanyaan Anda yang lain ke thread terpisah, dan seseorang dari Tim Dukungan kami akan membantu Anda di sana.
Beri tahu kami jika anda memerlukan bantuan lebih lanjut.