如何用CSS设置下拉列表sel

作者：袖梨 2022-07-02

我们在进行CSS网页布局的时候，常常会遇到下拉列表select，我们可以应用CSS对表单的元素进行控制，可是下拉列表select的样式该如何设置呢？
　　我们来看看下面的xhtml代码，这是一个典型的下拉列表select：
　

 代码如下 复制代码
    
    我爱CSS
    Div+CSS教程
    CSS布局实例
    CSS2.0教程
    CSS在线手册
    Web标准
    XHTML教程
    


我们再来看看控制它的CSS代码：

 代码如下 复制代码

div {
        border:1px solid #C0C0C0;
        width:183px;
        height:18px;
        clip:rect(0px,18px,22px,0px);
        overflow:hidden;
}
select {
        position:relative;
        left:-2px;
        top:-2px;
        font-size:12px;
        width:185px;
        line-height:18px;border:0px;
        color:#909993;
}

 

我们再来看看运行的效果吧：


我爱CSS
Div+CSS教程
CSS布局实例
CSS2.0教程
CSS在线手册
Web标准
XHTML教程

相关文章

精彩推荐