前言 最近有一個小需求，去掉select默認顯示的下箭頭圖標，然后自定義一個下箭頭圖標， 最右邊是select自帶的箭頭，旁邊黑色箭頭為自定義，使用的字體圖標 解決方法 給select加上 appearance:none; 即可 注：如果是用背景圖方式插入圖標 ...

默認的下拉箭頭。這樣就導致兩個箭頭同時存在。 1、采用 ie9的hack 方式，添加 \9\0 后 ...

select下拉框有一個下拉箭頭樣式，可以使用appearance與-ms-expand去掉這個樣式。 代碼如下： .not-arrow{ padding: 5px 10px; border:1px solid #dcd8d8; -webkit-appearance:none ...

一、去掉select的下拉箭頭 方法一：在select外面加一個div，設置select寬度大於div的寬度，並加一個超出隱藏屬性overflow:hidden,小三角會隱藏掉； 方法二：給select添加css樣式 二、輸入框input類型為number時的上下箭頭 ...

外層套一層div進行覆蓋select的邊框和下拉箭頭（欺騙顯示效果） ...

下拉框等需要顯示上下箭頭切換的CSS樣式 效果： ...

CSS ...

/*ie清除*/ select::-ms-expand{ display: none; } select{/*取消默認箭頭開始*/appearance:none;-moz-appearance:none;-webkit-appearance:none;/*取消默認箭頭結束*/border ...