Html 选择框选项的边框底部不适用于chrome

我想在选择框中的禁用选项下面加下划线。看看我的代码

代码

myselect选项{ 字体大小：13px； 颜色：1A1F24； } myselect选项：已禁用{ 字体大小：11px； 颜色：ABB6C0； 边框底部：1px实心ABB6C0； } 一 二 三 四 根据ElectricToolbox的这一点，当使用Chrome时，它不是一个可以在select/option/option组中设置样式的属性

以下是可以设置样式的特性：

字体风格 字体加粗 颜色 背景色 字体系列 字体大小 衬料 注意：上面的一些属性仅适用于一个元素，例如，填充仅适用于select

如果您想自定义selects，您可能想在这里尝试一些selects插件，如：

---

看起来在Firefox中，您只能根据使用边框作为选项元素

---

您需要创建一个自定义下拉列表控件来实现通用解决方案。查看一些示例。

我认为border适合，但不适合。我之所以提到这一点，是因为您在回答border属性的开始部分特别指出了这一点。^我只是来自谷歌，因为border在Chrome中不适用于我的select元素。