样式下拉列表(选择)框

Mat*_*hew 3 css

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

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

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

Tim*_*ain 8

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

至于下降的部分 - 这些是选项标签,而不是选择; 所以要更改它们,你将把样式应用于选项标签:

select {
   border: 1px solid red;
}

option {
   background-color: blue;
}
Run Code Online (Sandbox Code Playgroud)

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