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>