...

乍一看，很简单，做小三角，首先想到的是利用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代码： # ...