...

乍一看，很簡單，做小三角，首先想到的是利用border的transparent特性，可以制作出小三角的效果。但是注意，這個小三角本身就是邊框制作出來的。怎么能在小三角的外邊再加一層小邊框呢。那就必須再疊加一層一樣的東西，讓兩者有1px的錯位。問題就解決了。不想在頁面添加多余的無意義的標簽，還想實現 ...

<div class="arrow-up"> <!--向上的三角--> </div> <div class="arrow-down"> <!--向下的三角--> </div> <div class ...

之后再調樣式等 ...

：當div的寬高為0時，設border的寬度並設顏色，會發現div像是被分割為4個小三角形， ...

現在的需求是不要e-select選擇器的小三角尖尖，找了很久才找到怎么去掉，在css中加入以下代碼即可（我用的是scss） //去掉下拉框小三角 /deep/.el-popper[x-placement^=bottom] .popper__arrow::after ...

不同的瀏覽器默認的select的選項圖標是不同的，例如： 在chrome中，是這樣的： 未點擊時 點擊時 在Firefox中是這樣的： 未點擊時 點擊時 在IE9中是這樣的： ...

效果圖： 方法一的效果圖 方法二的效果圖 方法三的效果圖 方法一： css代碼： # ...