Question

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

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>

Answer 1

如果你想设置下拉选择样式，你将不得不使用一些js lib这样做...有很多浏览器，完全忽略下拉样式（此外 - 移动浏览器将弹出下拉列表与系统视觉效果 - 字体，大小，颜色等）

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

的内容

我个人不建议为了视觉完整性而尝试设置原生{{1}}

选择框选项上的字母间距不起作用

1 个答案: