我們知道select標籤在各個瀏覽器中的屬性和各瀏覽器的支援各有些不同，從而造成select選擇框在各瀏覽器的顯示有不同，下面我們透過對主要外形CSS屬性的支持，打造全兼容select 。
我對select的height、padding、line-height分別利用控制變數的方法寫了個DEMO在各瀏覽器上測試三種情況：height.100.padding.0、height.no.padding.100、 no.height.no.padding，結果如連結圖片各瀏覽器DEMO外觀 
我們可以得到以下研究屬性。
|
ie6 |
ie7 |
ie8 |
ie9 |
ff |
ch |
sf |
op |
|
|
預設高度 |
22px |
22px |
19px |
20px |
19px |
19px |
||
|
height |
F |
T |
T |
T |
T |
T |
F |
T |
|
padding |
F |
F |
T |
T |
T |
T |
F |
T |
|
line-height |
F |
F |
F |
F |
F |
F |
T |
F |
|
文字垂直居中 |
T |
T |
T |
F |
F |
T |
T |
T |
