Question

我正在尝试从选择标签选项中删除蓝色边框，并将鼠标悬停在蓝色背景上。我在这里搜索并看到许多解决方案，但没有一个有帮助。很少有代码有助于更改背景，但没有得到我想要实现的目标。任何帮助将不胜感激。提前致谢。 Sample Code Fiddle

CSS:
.form-control:disabled, .form-control[readonly]

{

    background-color: #ffffff !important;

}

select:required:invalid 

{

  color: #999999;
  box-shadow: none;
  -moz-appearance:none;
  -webkit-appearance: none;

}

option[value=""][disabled]

{

  display: none;

}

option 

{

  color: #404041;

}

select{

   -webkit-appearance: none;

}

.form-control:focus 

{

    box-shadow: none !important;
    border-color: #979797 !important;

}

select:focus,button:focus 

{

    outline: none !important;

}

Answer 1

不幸的是，除非您自己不使用<select>进行构建，否则是不可能的。

阅读：
How to style the option of a html "select"?
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/option

在Chrome中选择标记选项边框蓝色和悬停蓝色背景[重复但未在任何地方找到解决方案]

1 个答案: