Html 为什么我不能在IE8中更改选择选项样式？_Html_Css_Internet Explorer 8_Html Select

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

html css internet-explorer-8

Html 为什么我不能在IE8中更改选择选项样式？,html,css,internet-explorer-8,html-select,Html,Css,Internet Explorer 8,Html Select,我想在选择选项框中更改字体样式我已经在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

我想在选择选项框中更改字体样式

我已经在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>

但它不起作用：

<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有关于选择选项标签的错误吗

还是正常

谢谢。

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

IE8/9和Chrome18支持选择样式方法，但FF30不支持。你可以自己测试一下。其代码：

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

此外，请注意，就像尼特在评论中已经暗示的黑暗绝对一样，所有的样式都被触摸屏忽略了。无论使用哪种浏览器

元素被替换，因此样式功能有限。例如，尝试在手机上使用，您会注意到它有一个特定的、对手机友好的界面。一个像Select2这样奇特的选择框完全无法复制。你有什么样式吗？将此添加到Fiddle中有什么理由您仍在测试ie6？微软在四月停止支持它，因为我的商业客户仍然使用ie6。他们想永远使用ie6！T.T在选项上设置样式不适用于包括IE 11在内的任何IE版本，而在选择上设置样式至少适用于IE 6的所有IE版本。如果您观察到它在IE8上确实有效，请重新检查您的测试。您的代码现在无效val不是有效的属性，尽管这不会影响问题，但它表明您可能在测试中犯了一些其他错误。你已经接受了一个回答，说“选择样式方法”得到了IE 8的支持，所以这也表明观察结果是错误的。谢谢你的回答。我知道什么不能ie8改变选项标签中的字体系列。此外，我还测试了IE11和Chrome35，它是有效的。