Question

我想在select-option框中更改字体样式。

我已经在IE6，Chrome，Sapari中测试过.....它正在运行！

但它在IE8中没有工作

它无效：

<select name="myselect">
  <option val="1" style="font-family: Nanum Gothic, sans-serif;">All</option>
  <option val="2" style="font-family: Nanum Gothic, sans-serif;">Name</option>
  <option val="3" style="font-family: Nanum Gothic, sans-serif;">Phone</option>
</select>

它没有奏效：

<select name="myselect" style="font-family: Nanum Gothic, sans-serif;">
  <option val="1">All</option>
  <option val="2">Name</option>
  <option val="3">Phone</option>
</select>

IE8有关于select-option标签的任何错误吗？

或者这是正常的吗？

感谢。

Answer 1

我看到了不同的跨浏览器行为。 IE8 / 9，Chrome18（嵌入在我的编辑器中）和FF30支持选项样式方法。

IE8 / 9和Chrome18支持选择样式方法，但FF30不支持。使用this demo自行测试。它的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Demo</title>
</head>
<body>
    <select name="myselect1">
      <option val="1" style="font-family: sans-serif;">All</option>
      <option val="2" style="font-family: serif;">Name</option>
      <option val="3" style="font-family: sans-serif;">Phone</option>
    </select>

    <select name="myselect2" style="font-family: sans-serif;">
      <option val="1">All</option>
      <option val="2">Name</option>
      <option val="3">Phone</option>
    </select>

    <select name="myselect3" style="font-family: serif;">
      <option val="1">All</option>
      <option val="2">Name</option>
      <option val="3">Phone</option>
    </select>
</body>
</html>

此外，请注意，就像Niet The Dark Absol已经在他的评论中暗示的那样，触摸屏会忽略所有样式。无论使用哪种浏览器。

为什么我不能在IE8中更改选择样式？

1 个答案: