如何使用CSS实现小三角形效果

Posted 2023-03-13

参考技术A div
border-bottom:10px solid #ff6600;
border-left:10px solid transparent;
border-right:10px solid transparent; 

问 如何使用css将select的边框以及右边的小三角形去掉？

最好css2，css3都给出解决方案，效果如下：

 

CSS2 只能使用div和ul进行模拟了，结构很简单，具体可参考Alice的 button-dropdown
CSS3 可以使用CSS3的属性appearance，具体代码如下：

select{
    -moz-appearance: none;
    -webkit-appearance:none;
            appearance:none;  
}



links:  https://segmentfault.com/q/1010000003491763