搜索input 和提交按钮input 紧紧挨着的CSS效果




<!DOCTYPE html>
<html>

<head>
    <title></title>
    <style>

    input[name=text] {
        margin:0px; padding: :0x;
        -moz-border-left-colors: none;
        height: 30px;
        padding: 0px 5px;
        width: 400px;
        border-width: 1px medium 1px 1px;
        border-style: solid none solid solid;
        border-color: #D8D8D8 -moz-use-text-color #D8D8D8 #D8D8D8;
        -moz-border-top-colors: none;
        -moz-border-right-colors: none;
        -moz-border-bottom-colors: none;
        border-image: none;
        float: left;
    }
    
    input[name=sub] {margin:0px; padding: :0x;
        background-image: linear-gradient(to bottom, #FBFBFB, #F3F3F3);
        border: 1px solid #D8D8D8;
        cursor: pointer;
        height: 32px;
        width: 86px;
        -moz-appearance: none;
         float: left;
    }
    </style>
</head>

<body style="background:red;">
    <input name="text">
    <input value="搜索" type="submit" name="sub">
</body>

</html>









你可能感兴趣的:(html,css,搜索,input)