选择标记不从父标记继承颜色

Question

我在DIV中有一个选择标签。我将color:#000设置为DIV，但SELECT标记中显示的内容是蓝色的，这是用于select标记的iOS/Safari的用户代理样式表。我认为SELECT的颜色应该从它的父DIV标签继承，因为颜色是inevitable.Could，有人告诉我原因吗？

样本代码：

​

div {
  color:#000
}

<div>
  <select>
    <option value="202211">202211</option>
  </select>
</div>

​

当使用iOS/Safari访问HTML时，值202211将以蓝色显示，这是SELECT的用户代理样式表，而不是他的父DIV标记的颜色。

Answer 1

您可以使用检查器的“计算”选项卡来查看应用了哪些属性和原因。然后只需设置

select {
  color: inherit;
}

如果这是你想要的