Bolehkah CSS atau jQuery Menyesuaikan Gaya Kotak Pilih?

Menggayakan Kotak Pilihan Tersuai

Soalan: Adakah mungkin untuk menyesuaikan gaya kotak pilihan menggunakan CSS atau jQuery?

Jawapan: Ya, adalah mungkin untuk menyesuaikan gaya kotak pilihan menggunakan sama ada CSS atau jQuery.

Prosedur menggunakan jQuery:

• Tukar kotak pilihan kepada senarai tersusun (
  ) dan pilihannya untuk menyenaraikan item (< li>).
  1. Gunakan gaya CSS pada item senarai untuk mencapai yang diingini penampilan.

Contoh menggunakan pemalam jQuery:

• Gunakan pemalam seperti ini: https://gist.github.com/ 1139558 (tidak tersedia pada masa ini).
• Panggil pemalam pada kotak pilihan menggunakan jQuery, cth., $('#myselectbox').selectbox();.

Penggayaan CSS untuk pemalam:

• Sesuaikan penampilan dengan menggunakan gaya CSS pada elemen pemalam, seperti yang ditunjukkan dalam yang berikut contoh:

  div.selectbox-wrapper ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  }
  div.selectbox-wrapper ul li.selected {
  background-color: #EAF2FB;
  }
  div.selectbox-wrapper ul li.current {
  background-color: #CDD8E4;
  }
  div.selectbox-wrapper ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
  }

Atas ialah kandungan terperinci Bolehkah CSS atau jQuery Menyesuaikan Gaya Kotak Pilih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!