自定义下拉箭头
P粉986937457
2023-08-17 17:52:04
<p>是否有可能将select标签的下拉箭头更改为由4个元素组成的自定义箭头。我想要它像这样:左边有3条水平线,右边有一个向下的箭头</p>
<p>我成功地用一个元素(一个水平线)实现了这个效果</p>
<pre class="brush:php;toolbar:false;">.select-wrapper::before {
content: "";
position: absolute;
top: 50%;
display: block;
width: 9px;
height: 2px;
background: black;
}</pre></p>
我相信你想要实现与这个 CodePen类似的效果。代码几乎完全来自于SVNM在这个问题的回答
来自该回答的修改
示例HTML
CSS