樣式下拉框（選擇）框

Question

我知道它可能與jquery使東西看起來像一個選擇框，所以我可以讓它看起來，但我想要的。然而，只用CSS，我有多少控制？

我使用邊框，填充和寬度，最終結果看起來不錯。

困擾我的唯一事情就是下降的部分。有沒有這方面的控制權？ （它看起來很愚蠢，填充和下拉列表中沒有）。

Answer 1

你有一些控制權，但瀏覽器和操作系統之間有很大的差異。例如，Windows上的Internet Explorer始終會顯示標準的灰色向下箭頭，即使您可以在其他瀏覽器中重新着色此項。

至於下降的部分 - 這些是選項標籤，不選擇;所以要改變他們，你會被應用樣式選項標籤來代替：

select { 
    border: 1px solid red; 
} 

option { 
    background-color: blue; 
} 

幸運的是，其他一些人也做了一些研究，詳細說明什麼可行，什麼不可行，所以這裏有一些資源給你：

• 一般樣式表單控件：http://www.456bereastreet.com/archive/200701/styling_form_controls_with_css_revisited/
• 選擇具體：http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/
• 瀏覽器比較：http://www.electrictoolbox.com/style-select-optgroup-options-css/