样式下拉列表(选择)框

时间:2010-08-11 19:14:32

标签: css

我知道用jquery做一些看起来像选择框的东西是可能的,所以我可以让它看起来像我想要的。但是,只用css,我有多少控制权?

我使用边框,填充和宽度,最终结果看起来很棒。

唯一困扰我的是掉落的部分。有没有控制权? (看起来很愚蠢有填充,而下拉列表中没有填充)。

1 个答案:

答案 0 :(得分:8)

您有一些控制权,但浏览器和操作系统之间存在相当大的差异。例如,Windows上的Internet Explorer将始终显示标准灰色向下箭头,即使您可以在其他浏览器中重新着色它。

对于掉落的部分 - 这些是选项标签,而不是选择;所以为了改变它们,你将把样式应用于选项标签:

select {
   border: 1px solid red;
}

option {
   background-color: blue;
}

幸运的是,其他一些人已经做了一些研究,详细说明哪些有效,哪些无效,所以这里有一些资源给你: