html下拉框右边三角放大,CSS样式实现选择框右侧小三角实例

本文通过实例代码给大家介绍了用CSS样式写选择框右侧小三角的方法，需要的朋友参考下吧，希望能帮助到大家。

效果图如下所示：

直接上代码！

小三角

.up-triangle{

width:0px;

height:0px;

border-bottom:30px solid #000;

border-left:15px solid transparent;

border-right:15px solid transparent;

margin:100px auto;

}

.down-triangle{

width:0px;

height:0px;

border-top:30px solid #000;

border-left:15px solid transparent;

border-right:15px solid transparent;

margin:100px auto;

}

.left-triangle{

width:0px;

height:0px;

border-right:30px solid #000;

border-top:15px solid transparent;

border-bottom:15px solid transparent;

margin:100px auto;

}

.right-triangle{

width:0px;

height:0px;

border-left:30px solid #000;

border-top:15px solid transparent;

border-bottom:15px solid transparent;

margin:100px auto;

}

相关推荐：