选择下拉列表中的样式选项值不适用于Chrome和Safari

Question

html下拉列表中的选项值的css样式不适用于chrome和safari,仅适用于Firefox和IE.

一些代码如下:

<option style="color:#4f5652;background:#f0f0ef;hite-space:nowrap;-webkit-appearance:button;text-overflow:ellipsis; padding:5px 4px 3px 4px;border-bottom:1px solid green" value="project">Project</option>

Answer 1

color<option>使用当前版本的Chrome,Safari,Firefox,IE和Opera,以及使用Firefox的Mac,Windows 7上的元素都可以正常运行; 但在Mac上使用Chrome和Safari似乎是无操作.对我来说似乎是一个错误.

Answer 2

简短的回答 - 你不能在基于Webkit的浏览器中做到这一点.即约padding看看这里

要解决您的问题,您可以将您更改<select>为列表<ul>并设置其<li>项目的样式.这将适用于所有保证的浏览器.