我想將選擇框的顏色從白色更改爲紫色我更改了選擇框的顏色,但僅更改了文本而非箭頭。我想更改顏色在arrow.I要改變箭頭顏色的邊框顏色(紫色)更改選擇框中箭頭的顏色
.views-widget select {
\t border:1px solid #9b8aa8;
\t background-color: #8b3ca8;
\t color:#9b8aa8;
\t height:30px;
\t font-size:10pt;
\t width: 199px;
margin-left: 13px;
padding: 0 5px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.views-widget {
width: 199px;
position: relative;
}
.views-widget::before {
content: '';
display: block;
border: 5px solid transparent;
border-top-color: #fff;
position: absolute;
right: 0px;
top: calc(50% - 2px);
}
<div class="views-widget">
<select id="edit-field-perspective-menu-tid" name="field_perspective_menu_tid" class="form-select">
<option value="All" selected="selected">-Success Stories-</option> <option value="1">Blogs</option>
<option value="2">Case Studies</option>
<option value="3">Videos</option>
<option value="4">White Papers</option>
</select>
</div>
[更改顏色和下拉箭頭的外觀(的可能的複製http://stackoverflow.com/問題/ 611482 /變化顏色和外觀的-下拉箭頭) –