css杂记

禁止CHROME焦点在输入框时显示外边框： outline:none;

禁止CHROME中textarea能改变大小功能：resize:none;

按钮样式

    textarea
    {
        resize:none;
        outline:none;
    }
    
    input[type=button]
    {
        border:solid 1px gray;
        background-color:#eff;
        padding:3px 10px;
        *padding:0px 3px;
        *padding-top:3px;
        border-radius:3px;
        -webkit-box-shadow:1px 1px 3px #666;
    }
    
    input[type=button]:hover
    {
        background-color:#fef;
        -webkit-box-shadow:1px 1px 3px red;
        -moz-box-shadow:1px 1px 3px red;
        box-shadow:1px 1px 3px red;
    }

tooltip

    <style type="text/css">
    a
    {
        position:relative;
    }
    a span
    {
        display:none;
    }
    a:hover span
    {
        display:block;
        position:absolute;
        top:15px;
        left:0px;
        border:solid 1px gray;
        padding:5px;
        background-color:#eff;
    }
    </style>
<a href="javascript:alert(1);">开始<span>haha</span></a>