<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*下拉選擇*/ select { border: solid 1px #7A7A7A; /*很關鍵：将默認的select選擇框樣式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*為下拉小箭頭留出一點位置，避免被文字覆蓋*/ padding-right: 14px; /*在選擇框的最右側中間顯示小箭頭圖片*/ background: url("arrow.png") no-repeat scroll right center transparent; width: 215px; height: 26px; font-size: 14px; font-family: "Microsoft YaHei", "宋體"; color: #5F5F5F; padding-left: 2px; } </style> </head> <body> <div class="select"> <select name="cs1"> <option value="aaa">aaa</option> <option value="bbb">bbb</option> <option value="ccc" selected>ccc</option> <option value="ddd">ddd</option> </select> </div> </body> </html>
重寫之後的select下拉框
下拉框下拉圖片
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
