1. 程式人生 > >input設定圓角邊框去掉陰影

input設定圓角邊框去掉陰影

<div id="div" style="">
        <input id="inputText" style="" />
        <span type="button" id="btn" >查詢</span>
</div>

#div{
        padding:3px;
        position: absolute;
        width:300px;
        padding: 10px;
        right:7px;
        z-index:999;
        background: #f3f3f3;
        border-radius: 2px;
    }
 #inputText{
        line-height:30px;
        width: 210px;
        border-style:none;
        outline: none;
        text-indent: 10px;
        border-top-left-radius:6px;
        border-bottom-left-radius:6px;
        border: 1px solid #DBDBDB;

    }

    #btn{
        width: 80px;
        line-height:30px;
        display: inline-block;
        background: #d7d7d7;
        text-align: center;
        border: 1px solid #DBDBDB;
        border-bottom-right-radius: 3px;
        border-top-right-radius: 3px;
        text-align: center;
    }

效果: