Bootstrap 3: Màu tùy chỉnh cho mũi tên thả xuống chọn

Question

Tôi muốn thay đổi màu của mũi tên thả xuống trong menu thả xuống Bootstrap 3.

Dưới đây là CSS của tôi cho đến nay, tôi đã thay đổi nền, biên giới, phông chữ và tùy chọn màu sắc, nhưng đã không có may mắn với mũi tên được nêu ra:

select{ 
    background-color: #555; 
    color: white; 
    border: 1px solid #ffffff; 
} 
select:after { 
    color: white !important; 
} 
option:checked { 
    background-color: #eee; 
    color:#555; 
} 
option:not(:checked) { 
    background-color: white; 
    color:#000; 
} 

Fiddle: http://jsfiddle.net/ju3n1dnk/

Answer 1

Bạn muốn thay đổi màu của mũi tên xuống trong menu thả xuống? Theo như tôi biết, mũi tên này được mã hóa như thế:

<span class="caret"></span> 

Vì vậy, nếu bạn muốn thay đổi màu sắc này, bạn chỉ cần thêm thuộc tính màu:

.caret{ color: red; } 

Cập nhật

Dưới đây là một JSFiddle để minh họa: https://jsfiddle.net/valentinho14/tkfa0ddp/

Answer 2

chỉ cập nhật màu cho chọn

select { 
    color:#fff; 
}