Css tulen untuk menambah gaya untuk memilih (tiada skrip) pelaksanaan_HTML/Xhtml_pengeluaran halaman web

Menukar gaya lalai pilih biasanya dicapai dengan simulasi ul dan li.
Terdapat banyak pemalam Jquery yang mengubah gaya lalai pilih dengan cara ini.
Menurut maklum balas daripada pengaturcara, kaedah ini tidak boleh mendapatkan data selepas borang diserahkan Kemudian, selepas percubaan, pemalam JS/Jquery yang berbeza telah digunakan, tetapi hasilnya adalah sama: data tidak dapat diperoleh.

Kemudian saya membaca blog yang ditulis oleh orang asing, saya menggunakan gaya CSS untuk menambah div di luar pilih, saya menetapkan lebar pilih menjadi lebih kecil daripada lebar div induk. pilih dengan menetapkan atribut latar belakang div. Gaya anak panah lalai.
Kaedah ini adalah kaedah yang baik Ia tidak memerlukan penulisan skrip, tetapi hanya menggunakan css yang mudah.

Walau bagaimanapun, kaedah ini juga mempunyai kelemahan, iaitu, di bawah siri IE, akan ada blok warna latar belakang apabila memilih pilihan IE7-IE10 semuanya mempunyai pepijat ini.
Di bawah Opera, imej latar belakang div ditetapkan untuk tidak dipaparkan, iaitu, anak panah lungsur pilih tidak dipaparkan. Saya tidak tahu sebabnya.
Kod berikut

Salin kod

Kod tersebut adalah seperti berikut:

;/option>
DDDDDDDDDD

>Kod adalah seperti berikut:


.select_style {width:240px; height:30px; 🎜>sempadan:1px pepejal #ccc;
-moz-border-radius: 5px; /* Pelayar tokek */
-webkit-border- jejari: 5px; /* Pelayar webkit */

radius:5px;
}
.select_style pilih { padding:5px; lebar fon: 16px; ; /*untuk penyemak imbas Webkit*/

}