Question

我正在寻找第一个选项（搜索俱乐部）的风格，所以它将是粗体和其余正常的字体重量。我可以让第一个选项变为粗体，但只有在点击下拉列表时它才显示为粗体，它将在所选视图中保持正常

<select name="" id="">
  <option value="">Search Clubs</option>
  <option value="">Bodyshots Kickboxing Gym</option>
  <option value="">Champions Kickboxing Club</option>
  <option value="">North East Mugendo: Forkhill</option>
  <option value="">North East Mugendo: Newry</option>
  <option value="">North East Mugendo: Lordship</option>
</select>

Answer 1

这是不可能的，因为您正在尝试设置<select>标记的阴影DOM。

在这里了解shadow DOM：

http://glazkov.com/2011/01/14/what-the-heck-is-shadow-dom/

某些浏览器允许您进行一定程度的样式设置，例如：

如果更改font-family会怎样？

select {
  font-family: Cursive;
}

WebKit浏览器（Safari，Chrome）会忽略您。 Firefox，Opera和IE将尊重您的变化。 font-family不会级联到select中，你必须在它们上明确声明它。

详细了解：

http://css-tricks.com/dropdown-default-styling/

使用CSS设置选择下拉列表的样式

1 个答案: