html - 更改焦点选择输入的边框颜色

Question

我似乎无法更改选择输入的焦点颜色，我很困惑应该覆盖什么。

.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;
}

<form class="center-block forma" action="" method="post">
  <div class="form-group">
    <select class="form-control" id="kome" name="kome">
            <option value=" disabled selected ">Choose</option>
            <option value="smth"> smth </option>
            <option value="smth2"> smth2 </option>
        </select>
  </div>
</form>

Answer 1

select 和 :focus 选择器之间不应有空格。空格表示父子关系，即“选择的重点 child ”。而 select:focus 表示 AND:聚焦选择。

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