Hallo sahabat, pada kesempatan kali ini saya akan menjelaskan bagaimana cara meghilangkan tanda panah pada tag <select> HTML dengan menggunakan property yang disediakan oleh CSS.
tag < Jika kita membuat sebuah tag <select>, missal saya disini membuat select> yang berisi tanggal. Maka secara default browser akan menampilkan tampilan select seperti berikut.
Tanda panah yang berada di samping kata “tanggal†ternyata bisa di hilangkan loh sahabat. Caranya yaitu dengan menggunakan property CSS yaitu appearance dengan value none. Karena property ini merupakan property terbaru dari CSS3, maka sahabat jangan lupa menambahkan support browsernya ketika menggunakan property appearance. Untuk implementasinya silahkan sahabat ketikkan kode berikut pada file .html
Kemudian ketikkan kode berikut pada file .css
Setelah itu sahabat coba jalankan file .html nya pada browser kesayangan sahabat. Maka hasil penampakannya akan seperti berikut.
Sekarang tanda panahnya sudah hilang bukan?
Okay, sampai di sini dulu dan sampai jumpa pada tulisan saya selanjutnya. 🙂