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.

Menghilangkan Tanda Panah Tag Select Pada HTML dengan CSS3

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

Menghilangkan Tanda Panah Tag Select Pada HTML dengan CSS3

Kemudian ketikkan kode berikut pada file .css

Menghilangkan Tanda Panah Tag Select Pada HTML dengan CSS3

Setelah itu sahabat coba jalankan file .html nya pada browser kesayangan sahabat. Maka hasil penampakannya akan seperti berikut.

Menghilangkan Tanda Panah Tag Select Pada HTML dengan CSS3

Sekarang tanda panahnya sudah hilang bukan?

Okay, sampai di sini dulu dan sampai jumpa pada tulisan saya selanjutnya. 🙂