3
จะจัดสไตล์ <option> ด้วย CSS เพียงอย่างเดียวได้อย่างไร?
หมายเหตุ: คำถามนี้ไม่เกี่ยวกับการทำรายการแบบเลื่อนลงที่กำหนดเอง เป็นเพียงความเป็นไปได้ของ<option>องค์ประกอบสไตล์ภายในองค์ประกอบที่เลือกใน CSS ฉันจะจัดรูปแบบ<option>ของ<select>องค์ประกอบที่เข้ากันได้กับข้ามเบราว์เซอร์ได้อย่างไร ฉันรู้จัก JavaScript หลายวิธีที่ปรับแต่งดรอปดาวน์เพื่อแปลงเป็น<li>ซึ่งฉันไม่ได้ถามถึง <select class="select"> <option selected>Select</option> <option>Blue</option> <option >Red</option> <option>Green</option> <option>Yellow</option> <option>Brown</option> </select> ฉันกำลังถามว่าจะเป็นไปได้อย่างไรกับ CSS เท่านั้นโดยเข้ากันได้กับ IE9 +, Firefox และ Chrome ฉันต้องการสไตล์แบบนี้หรือใกล้เคียงที่สุด ฉันลองที่นี่http://jsfiddle.net/jitendravyas/juwz3/3/แต่ Chrome ไม่แสดงสไตล์ใด ๆ ยกเว้นสีแบบอักษรในขณะที่ Firefox แสดงเพิ่มเติม วิธีทำให้เส้นขอบและช่องว่างภายในทำงานใน Chrome ด้วย
102
css
html-select