css - 怎么改变背景颜色MAC版Chrome/Safari上的CSS

Question

大家好，我在更改 MAC 版 Chrome/Safari 上选项标签的背景颜色时遇到了困难。

最初的 CSS 是这样的：

select#cat {
background-color: black;
color: white;
font-family: 'Open Sans',sans-serif;}

这适用于我的 Windows 7 笔记本电脑上安装的任何浏览器。但刚才我在办公室的 MAC 上检查了下拉列表，在 Chrome/Safari 上，背景颜色保持白色，文本保持黑色。我认为这仅仅是因为 Chrome/Safari 都使用 Webkit 作为布局引擎。

然后我尝试更具体，为这样的选项设置 CSS：

select#cat option {
background-color: black;
color: white;
font-family: 'Open Sans',sans-serif;}

但它仍然不起作用。

另一个背景信息：实际上我调用了一个 WordPress 内置函数来生成下拉列表：

<?php wp_dropdown_categories( 'show_option_none=Select' ); ?>

但我认为这不会影响我的 CSS 规则。

任何人有任何想法来解决这个问题？非常感谢。