更改HTML「中選擇」標籤的默認箭頭

-1

我試圖標籤的默認箭頭更改HTML「中選擇」到一個附着照片相似。請有任何想法嗎？

2016-08-21 alimarwan

有mxlse一些工作解決方案在這裏，[選擇箭頭樣式變化（http://stackoverflow.com/q/14218307/6395782） – DannyBoi

這裏是一個純CSS的解決方案：你可以隱藏默認箭頭，並顯示使用背景圖片另一個。這是一個可以根據您的需要進行自定義的示例。

select { 
    width: 100px; 
    padding-left: 5px; 
    border: 1px solid #ccc; 
    height: 25px; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    background: url(http://www.stackoverflow.com/favicon.ico) 95%/20% no-repeat #fff; 
}

https://jsfiddle.net/yorknche/

來源

2016-08-21 15:53:48 mxlse

謝謝!!!!這解決了我的問題！ – alimarwan

我一直在尋找這樣一個簡短的答案，因爲很長一段時間！ – alimarwan

這是你想要的，但你必須改變，根據你所需要的size值。

<html> 
 
<head></head> 
 
<title></title> 
 

 

 
<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"> 
 

 
<style> 
 
.container{ 
 
    position: absolute; 
 
    width: 150px; 
 
} 
 

 

 
select { 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    text-indent: 1px; 
 
    text-overflow: ''; 
 
    width: 100%; 
 
    height: 20px; 
 
    font-size: 15px; 
 
    position: absolute; 
 
    opacity: 0.5; 
 

 
} 
 

 
.set{ 
 
    position: absolute; 
 
    left: 85%; 
 
    
 
} 
 
</style> 
 

 
<body> 
 

 

 

 
<div class="container"> 
 
<i class="fa fa-angle-down set"></i> 
 
<select class="myselect"> 
 
<option>All &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option> 
 
<option>First Option</option> 
 
<option>Second Option</option> 
 
</select> 
 

 
</div> 
 

 
</body> 
 

 

 
</html>

來源

2016-08-21 16:13:36

謝謝Anuradh！我有一個問題，爲什麼我們在頂部添加jquery

11. 關於UIRefreshControl如何更改IOS6.0中的默認下拉箭頭

12. HTML淨化器 - 更改默認允許的HTML標籤配置

13. HTML選擇默認

14. 選擇默認的箭頭不會隱藏在FF

15. CCLabelTTF - 更改標籤的默認顏色

16. AIX - 默認shell - 箭頭鍵

17. 更改默認後退箭頭的通過動作條提供

18. 檢查默認選擇值標籤！

19. 選擇標籤：默認情況下

20. 更改onbeforeunload事件的默認選擇

21. 選擇更改標籤。 UIPickverView

22. 修改默認的「選擇文件」標籤<h:InputFile>

23. 更改面圖默認標籤

24. 更改標籤BackColor爲默認

25. Hudson：更改默認標籤URL

26. 更改默認問題標籤

27. 如何將選擇2默認新標籤鍵「選項卡」更改爲「空格」？

28. 更改選擇框中箭頭的顏色

29. Ajax選擇即時更改默認值

30. 使用dom將選擇標記選項更改爲默認值？

更改HTML「中選擇」標籤的默認箭頭

回答

相關問題