首页 > Web开发 > 详细

用CSS改变select框的样式

时间:2016-03-20 11:36:44      阅读:170      评论:0      收藏:0      [点我收藏+]

1、首先清除select原有的样式

select {
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
select::-ms-expand { display: none; }

2、写自己定义的样式

select{
    font-size: 13px;
    border: solid 1px #ccc;
    padding: 8px;
    background: url(arrow.png") no-repeat scroll right center transparent;
    width: 70px;
    height: 35px;
    border-radius: 4px;
}

3、这样就好啦

 

(tips:要想写出好看的下拉框,也可以用div模拟select)

用CSS改变select框的样式

原文:http://www.cnblogs.com/shangcong/p/5297356.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!