样式下拉框（选择）框

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/