html - HTML 选择下拉列表中选项值的样式在 Chrome 和 Safari 中不起作用

标签 html css html-select

html 下拉列表中选项值的内联 CSS 样式不适用于 Chrome 和 Safari,但似乎适用于 Firefox 和 IE。

HTML 代码片段:

<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>

最佳答案

color风格在 <option> 中很好用Windows 7 上的元素与当前版本的 Chrome、Safari、Firefox、IE 和 Opera,以及 Mac 上的 Firefox;但在 Mac 上似乎无法使用 Chrome 和 Safari。对我来说似乎是个错误。

关于html - HTML 选择下拉列表中选项值的样式在 Chrome 和 Safari 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12301729/

相关文章:

javascript - 动态绑定(bind) onclick 事件为 for 循环中的所有按钮提供相同的值

html - 使用 AngularJS 的动态内联 CSS

javascript - 解析json条目列表并在html中垂直填充显示

html - css 样式表路径,坚持文件本身所在的位置?

html - 简单 css 模板上的填充和边距问题

javascript - 工具提示有时会保留在滑动 div 内元素的页面上

javascript - 禁用输入文本访问但保持元素启用

javascript - 同步 2 个选择框

c# - asp.net 在更改下拉列表时使用 javascript 填充下拉列表

javascript - 对象函数 (e,t){return new x.fn.init(e,t,r)} 没有方法 'plot'