9
मैं चयन समाधान यहाँ प्रति/लटकती मेनू एक कस्टम का उपयोग कर रहा: https://stackoverflow.com/a/10190884/1318135शुद्ध सीएसएस मेनू/ड्रॉपडाउन का चयन करें: कस्टम दायां तीर कैसे बनाएं?
यह कार्यों महान, सिवाय इसके कि सही पर 'तीर' बहुत अच्छा नहीं लगता है। मैं इस साइट पर ऊपर/नीचे वोट तीरों की उपस्थिति में समान दिखना चाहता हूं (बाईं ओर देखो)। (। लटकती यह अग्रभूमि वी में दिखाने के लिए नहीं मिल सका)
HTML में एक छवि -Integrating
-Location एक फ़ॉन्ट एक व्यापक साथ:
निम्नलिखित, एक समाधान के लिए खुला इन या अन्य विकल्पों में से किसी का उपयोग कर का प्रयास किया गया चरित्र के लिए तीर (एक नहीं पा सके)
सीएसएस में -Setting पृष्ठभूमि छवि संपत्ति (प्रदर्शित बजाय डिफ़ॉल्ट नीचे तीर)
http://jsfiddle.net/XxkSC/553/
HTML:
<label class="custom-select">
<select>
<option>Sushi</option>
<option>Blue cheese with crackers</option>
<option>Steak</option>
<option>Other</option>
</select>
</label>
सीएसएस:
label.custom-select {
position: relative;
display: inline-block;
}
.custom-select select {
display: inline-block;
padding: 4px 3px 3px 5px;
margin: 0;
font: inherit;
outline:none; /* remove focus ring from Webkit */
line-height: 1.2;
background: #000;
color:white;
border:0;
}
/* Select arrow styling */
.custom-select:after {
content: "▼"; /* Current arrow I would like to change */
position: absolute;
top: 0;
right: 0;
bottom: 0;
font-size: 60%;
line-height: 30px;
padding: 0 7px;
background: #000;
color: white;
}
.no-pointer-events .custom-select:after {
content: none;
}
पर क्या है कि यह के अंत में विशाल स्ट्रिंग?!?! – user1318135
बेस 64 में एक छवि (केवल आपकी छवि का मार्ग हो सकती है, लेकिन चूंकि यह एक पहेली थी और यहां पर, मैंने उस स्ट्रिंग का उपयोग किया था, बल्कि एक अलग फ़ाइल) –
यह एक यूनिकॉर्न है जिसे मैं मानता हूं? – Knu