选择菜单选项边框无

一尘不染

选择菜单选项边框无

css

我正在尝试更改select option边界，但是无法做到这一点，我已经尝试了很多次，但是找不到合适的解决方案。我已经附上了屏幕截图。

<head>
  <style>
    select option {
      background:transparent;
      border:0;
    }
  </style>
</head>

<body>
  <select>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
    <option>hello</option>
  </select>
</body>

阅读 259

2020-05-16

共1个答案

一尘不染

选择的下拉列表是所谓的ShadowDOM的一部分。在当前的CSS规范第3级中，无法定位大多数ShadowDOM元素。您可以在此处阅读有关ShadowDOM的规范，尽管关于所需内容的内容并不多。

Chrome有一些专有的选择器可以更改某些 shadowDOM元素，但不是全部。Firefox的数量更少（据我所知），而Opera则没有。IE可能同样糟糕。

考虑兼容性的最佳选择是，如果您确实想为其设置样式，则可以使用Jquery插件模仿使用其他HTML元素的选择

2020-05-16