如何樣式箭頭od選擇下拉框中的HTML？

我只想用自己的自定義箭頭在選擇框中更改箭頭，而不使用任何javascript和jquery。有什麼幫助嗎？如何樣式箭頭od選擇下拉框中的HTML？

2013-01-15 Aquarius24

祝你好運！（嚴肅地說，儘管我不認爲它可以在沒有JavaScript的情況下使用原生的select元素來完成（*可靠*），但是我有興趣發現我錯了！） –

沒有JS？不，帶一點JS？是。有一些CSS技巧，但afaik，沒有100％可靠。 – Khez

重複的問題：http://stackoverflow.com/questions/1895476/how-to-style-a-select-dropdown-with-css-only-without-javascript – Anicho

你不能。它由操作系統呈現，而不是瀏覽器呈現。有一些使用絕對定位的解決方法，但是控件本身無法在瀏覽器中可靠地設置樣式。

來源

2013-01-15 16:12:11

那麼任何人都可以通過我可以實現的代碼這在最低要求的代碼？ – Aquarius24

你還沒有解釋所需的結果。 –

最清潔的解決方案將完全重建與JavaScript的選擇看看http://archive.plugins.jquery.com/project/jqtransform –

我無法理解你清楚..

這裏是我的想法和建議： HTML：

<div class="my_checkbox"> 
<input type="checkbox" value="None" id="my_checkbox" name="check"> 
<label for="my_checkbox"></label> 
</div>

和CSS：

.my_checkbox input[type=checkbox]:checked + label:after { 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
filter: alpha(opacity=100); 
opacity: 1; 
}

所有：click me

來源

2013-08-16 06:51:25 freestyle21

如何樣式箭頭od選擇下拉框中的HTML？

回答

相關問題