text和submit框的border问题

A1：在input框中，为type为text的输入框增加边框，它会在内容区域外额外增添，但是在submit框中，它会占用内容区块的一部分作为边框

<style type="text/css">
    *{margin: 0;padding: 0;}
    input[type='text']{
        background: red;
        width: 80px;
        height: 40px;
        border:solid 1px black;
    }
    input[type='submit']{
        background: green;
        width: 80px;
        height: 40px;
        border:solid 1px black;
    }
    
    </style>
</head>
<body>
<form>
<input type="text" name="">
<input type="submit" value="suosuo" name="">
</form>
</body>

 

posted @ 2017-12-03 13:13  yolo_bean  阅读(159)  评论(0)  编辑  收藏  举报