Javascript 在“选择”元素中选择选项元素时，更改浏览器的蓝色默认颜色

我知道如何更改选项元素的背景颜色，以及悬停

我试图做的是，当你点击一个选项元素时，在chrome中改变默认浏览器的蓝色，而选择仍然在焦点上

我做了这支钢笔：

----------------HTML----------------

<select size="3" name='options' multiple>
   <option value='option-1' class="options">Option 1</option>
   <option value='option-2' class="options">Option 2</option>
   <option value='option-3' class="options">Option 3</option>
</select>  

<p>
   Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure suscipit 
   eos hic voluptatibus ratione impedit ullam sequi, delectus rem. Corporis nemo 
</p>

select{
 border-radius:.5em;
 width:200px;
 height:100px;
}

::selection {
  background: #ffb7b7;
}

::-moz-selection {
  background: #ffb7b7; 
}

*:focus {
outline: #ffb7b7 solid 5px; 
}

我想让蓝色的默认颜色成为ffb7b7，就像大纲和文本选择一样

---

提前谢谢

好的，我用你的密码笔找到了这个解决方案：

option:checked {
    box-shadow: 0 0 10px 100px #ffb7b7 inset;
}

我在你的CSS中添加了这段代码。

---

看起来box shadow取代了浏览器的颜色，所以它可以正常工作：在Firefox上测试，Chrome 44

好的，我使用了你的代码笔，找到了这个解决方案：

option:checked {
    box-shadow: 0 0 10px 100px #ffb7b7 inset;
}

我在你的CSS中添加了这段代码。 盒子阴影似乎取代了浏览器的颜色，所以它可以工作：在Firefox、Chrome44上测试