选择菜单选项边框无

Question

选择菜单选项边框无

我试图改变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>

Run Code Online (Sandbox Code Playgroud)

Answer 1

jam*_*ase 16

select的下拉列表是所谓的ShadowDOM的一部分.在目前的CSS规范3级中,没有办法定位大多数ShadowDOM元素.你可以在这里阅读关于ShadowDOM的规格,尽管你想要的东西并不多.

Chrome有一些专有选择器可以更改一些 shadowDOM元素,但不是全部.Firefox的数量甚至更少(据我所知),Opera也没有.IE可能同样糟糕或更糟糕.

考虑到兼容性,最好的办法是使用Jquery插件来模拟使用其他HTML元素的select,如果你真的想要设置样式的话.这是一个整洁的.

归档时间：	12 年，8 月前
查看次数：	43037 次
最近记录：	8 年，6 月前