摆脱chrome中的<select>灰色边框

Question

我的选择元素上只有底部边框，但是出现了灰色边框，我无法摆脱它。 CSS： 选择 { 宽度：100px; 填充：10px; 边框底部：2px纯白色; 背景颜色：黑色; 白颜色; 大纲：无; } 屏幕截图 它看起来像什么。 （灰色边框） 任何有关此问题的帮助将不胜感激。

Answer 1

像这样：

body {
  background: #000;
}

select {
  width: 100px;
  padding: 10px;
  border-width: 0;
  border-bottom: 2px solid white;
  background-color: black;
  color: white;
  outline: none;
}

<select>
  <option>One</option>
  <option>Two</option>
  <option>Three</option>
 </select>