Bagaimana cara mengubah gaya tombol formulir HTML?
Saat menambahkan tombol ke halaman web, kami menyarankan Anda menggunakan CSS untuk membuat gayanya. Memanfaatkan CSS adalah metode yang disukai, menjadi cara yang lebih efisien dan terorganisir untuk menyimpan kode gaya untuk digunakan kembali di lebih dari satu area pada halaman atau situs Anda. Seperti yang Anda lihat pada contoh di bawah ini, banyak atribut yang dapat memanipulasi setiap jenis tombol.
Teks CSS untuk gaya tombol
Kode HTML untuk membuat tombol
Setelah CSS ditambahkan ke halaman, CSS dapat diterapkan ke tombol apa pun menggunakan kode id = “submit” di HTML.
Contoh tombol yang dibuat oleh CSS
Anda dapat melihat dari contoh di atas bahwa ketika mouse tidak melayang di atas tombol, tombol tersebut memiliki latar belakang abu-abu terang dan teks putih. Saat mouse diarahkan ke atas tombol, latar belakang berubah menjadi oranye. Selain itu, sudut tombol dibulatkan, bukan persegi, seperti tombol bentuk standar.