码迷,mamicode.com
首页 > Web开发 > 详细

用CSS改变select框的样式

时间:2016-03-20 11:39:05      阅读:149      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!