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>
  • 相关阅读:
    SaltStack概述及安装
    Zabbix高可用
    Zabbix数据库表结构
    asp select count(*) 用 open还是excute
    asp+jquery+ajax,asp后台程序执行不正常
    aspupload ,在winows server 2008 下无法使用
    jquery 如何使用innerHTML
    thinkphp的select和find的区别(转)
    centos安装PHP-pdo支持pdo
    Excel 2007 打开 UTF-8 编码 CSV 文件的乱码BUG
  • 原文地址:https://www.cnblogs.com/scottckt/p/1376887.html
Copyright © 2011-2022 走看看