前陣子用的那個取巧的顯示方法，因不是很好看，試圖利用bootstrap等第三方外掛程式去做ui設計的效果，失敗，因無法自定義select的背景色（bootstrap若自定義select的背景色，但是會顯示好醜的那種下拉大指示標，css**衝突，或許有解決方法，但目前沒找到，問題記錄在這兒，後續待解決）。
現記錄第二種解決方法：
直接隱藏select預設的指向小三角形
利用隨後，對select標籤，設定背景，背景右側繪製乙個向下的小三角形 ==
.selectlanguage{
background:url("此處為引用路徑") no-repeat scroll center transparent;
若出現三角形被select的字型蓋住的問題，則：
在進行如下新增
.selectlanguage{
padding-right:20px;
此處畫素大小，根據實際情況進行調整。
下拉列表旁指下箭頭及字型顏色等樣式修改
這裡不引用第三方類庫，僅html css設計。預期效果如下圖 的中英文切換下拉列表。html下select標籤本身效果不好看，故做更改。測試瀏覽器 chrome.更改思路 2.關於select右邊自帶三角形改為白色 將原屬select三角形設為不顯示，在select外圍包一層div，隨後在其div旁...
1 8 9 下拉列表
使用select控制項定義下拉列表的基本語法格式如下 select name id option value 選項一 option option value 選項二 option option value 選項三 option select 1.在select中至少包含一對option 2.在opt...
1 5 下拉列表框
1.5 下拉列表框 1.5.1 基本形制 1.5.1.1 單選方式 下面是常見的單選下拉列表框 紐約倫敦 巴黎柏林 1.5.1.2 多選方式 下面是不常見的多選方式的列表框 紐約倫敦 巴黎柏林香港 1.5.1.3 分組方式 當選項過多容易紛亂時，可以將其分組顯示 北京上海 廣州深圳 杭州南京 蘇州東...