选择框选项上的字母间距不起作用[重复]答案

【问题标题】：Letter-spacing on selectbox option not working [duplicate]选择框选项上的字母间距不起作用[重复]
【发布时间】：2017-08-24 02:10:06
【问题描述】：

我尝试在选择框的选项中添加一些字母间距。似乎这不起作用。为了测试我是否触摸了正确的元素，我在选项中添加了一些颜色。

letter-spacing

select {
  letter-spacing:10px;
}

option {
  letter-spacing: 10px;
  color: red;
}

<select class="form-control" name="select" id="myselect">
   <option value="105">Option 1</option>
   <option value="106">Option 2</option>
   <option value="107">Option 3</option>
</select>

【问题讨论】：

阅读：stackoverflow.com/questions/5887133/…
如果你想设置下拉选择的样式，你将不得不使用一些 js lib 来做到这一点......有很多浏览器，完全忽略下拉样式（此外 - 移动浏览器会弹出带有系统视觉效果的下拉列表 - 字体、大小、颜色等）
字母间距和你的小提琴一起工作。我已经用 Firefox 检查过，你是哪个浏览器有这个问题

标签： html css

【解决方案1】：

如果要设置下拉选择的样式，则必须使用一些 js lib 来执行此操作...有很多浏览器完全忽略下拉样式（此外，移动浏览器会弹出带有系统视觉效果的下拉列表- 字体、大小、颜色等）

查看类似http://www.jqueryscript.net/demo/Easy-jQuery-Based-Drop-Down-Builder-EasyDropDown/的内容

为了视觉完整性，我个人不建议尝试设置原生 <select><option> 样式

【讨论】：