2015-03-09 8 views
5

मैं बूटस्ट्रैप 3 ड्रॉपडाउन चयन में ड्रॉपडाउन तीर का रंग बदलना चाहता हूं।बूटस्ट्रैप 3: चुनिंदा ड्रॉपडाउन तीर के लिए कस्टम रंग

यहाँ मेरी सीएसएस अब तक, मैं पहले से ही पृष्ठभूमि, बॉर्डर, फ़ॉन्ट और विकल्प रंग बदल गया है, लेकिन अभी तक तीर के साथ कोई भाग्य पड़ा है:

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

फिडल: http://jsfiddle.net/ju3n1dnk/

+0

आप एक डेमो बेला बना सकता हूँ? –

+1

@Etash यहां फिडल है: http://jsfiddle.net/ju3n1dnk/ – emman

+0

क्या आपने http://uplifted.net/programming/change-default-select-dropdown-style-just-css/ की कोशिश की? –

उत्तर

3

आप ड्रॉपडाउन में नीचे तीर का रंग बदलना चाहते हैं? जहाँ तक मुझे पता है, यह तीर की तरह कोडित है:

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

तो आप इस का रंग बदलना चाहते हैं, तो आप सिर्फ रंग संपत्ति जोड़ने के लिए:

.caret{ color: red; } 

अद्यतन

यहाँ वर्णन करने के लिए एक JSFiddle है: https://jsfiddle.net/valentinho14/tkfa0ddp/

0

सिर्फ चयन के लिए रंग अपडेट

select { 
    color:#fff; 
} 
संबंधित मुद्दे