zoukankan      html  css  js  c++  java
  • 隐藏select边框及下接箭头方法

    代码:

    /*套在Select外层,用于隐藏Select框*/
    .DivSelect
    {
        position
    : relative;
        background-color
    : transparent;
        width
    :  140px;
        height
    : 17px;
        overflow
    : hidden; /*隐藏了小三角,因为宽度为110px,而select宽度为130px*/
        border-width
    :0px;
        border-top-style
    : none; 
        border-right-style
    : none; 
        border-left-style
    : none; 
        border-bottom-style
    : none;
    }

    /*设置Select样式*/
    .SelectList
    {
        position
    : relative;
        background-color
    : transparent;
        TOP
    :   -2px;
        left
    :-2px;
        border-width
    : 0px;
        border-top-style
    : none; 
        border-right-style
    : none; 
        border-left-style
    : none; 
        border-bottom-style
    : none;
        width
    :160px;
        display
    :block;
        height
    : 18px;
        overflow
    :hidden;
    }
                                <div class="DivSelect">
                                    
    <select class="SelectList">
                                        
    <option>aaaa</option>
                                        
    <option>aaaa</option>
                                        
    <option>aaaa</option>
                                        
    <option>aaaa</option>
                                    
    </select>
                                
    </div>
  • 相关阅读:
    28家知名IT公司名称的由来
    URI和URL及URN的区别
    URI和URL及URN的区别
    URI和URL及URN的区别
    程序员如何保护自己的颈椎
    程序员如何保护自己的颈椎
    程序员如何保护自己的颈椎
    ACM2050
    应对百万访问量的epoll模式
    敏捷开发方法(一) Scrum
  • 原文地址:https://www.cnblogs.com/scottckt/p/1376887.html
Copyright © 2011-2022 走看看