Question

我无法改变我的选择输入的焦点颜色，我对我应该覆盖的内容感到很困惑。

＆＃13;

<span ng-class="(n <= music.stars.length)? 'glyphicon glyphicon-star' : 'glyphicon glyphicon-star-empty'" ng-repeat="n in range(1,5)">

＆＃13;

.form-control:focus {
  border-color: inherit;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.forma #kome {
  border-color: #8e8e8e;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  text-align-last: center;
  cursor: pointer;
  color: #000000;
  -webkit-appearance: none;
  background: transparent url("http://icons.iconarchive.com/icons/mahm0udwally/all-flat/16/User-icon.png") no-repeat 15px center;
}

.forma select :focus {
  border-color: #2a6dc9 !important;
}

＆＃13;

Answer 1

这对我来说适用于chrome，方法是将边框样式更改为插图，然后更改所需的轮廓颜色。它不会更改选项上的焦点颜色，但至少会在您选择选项时更改焦点颜色。

select {
   border-style: inset;
   outline-color: orange;
}

Answer 2

选择焦点上的选择孩子：

更改

.forma select :focus{
    border-color: #2a6dc9 !important;
}

与

.forma option:hover{
    border: 1px solid red ;
}

更改选择输入的边框颜色以进行对焦

2 个答案: