简单的select美化

最新推荐文章于 2024-07-02 14:54:45 发布

小白旗

最新推荐文章于 2024-07-02 14:54:45 发布

阅读量2.9w

点赞数 7

分类专栏： js css html

js 同时被 3 个专栏收录

26 篇文章 1 订阅

订阅专栏

html

9 篇文章 1 订阅

订阅专栏

css

7 篇文章 0 订阅

订阅专栏

今天一个小页面加个select，默认的太丑，这个页面有没有引入其他文件（连jq都没...）然后查了查有没有超简单的美化，其中两个挺好的记录下

一、纯css+html 简单美化select

html:

<select name="bbxb" id="selecte" class="shortselect">  
      <option value="">---请选择--</option>  
      <option value="0" selected="selected">男</option>  
      <option value="1">女</option>  
 </select>

CSS:

.shortselect{  
    background:#fafdfe;  
    height:28px;  
    width:180px;  
    line-height:28px;  
    border:1px solid #9bc0dd;  
    -moz-border-radius:2px;  
    -webkit-border-radius:2px;  
    border-radius:2px;  
}

二、css+js+html 请移步查看：

http://www.dowebok.com/demo/196/