具有额外宽度的输入

我已经在div中创建了3个输入框，并且输入框已经被设置为具有269px的宽度，但是当我在浏览器中查看它时显示额外的2px，我该如何阻止它。我在右边设置了5px的边距，但在第三个边上设置为0。具有额外宽度的输入

input { 
    text-indent: 5px; 
    height: 45px; 
    color: #ffffff; 
    width: 269px; 
    margin-right: 5px; 
    background-color: #0A4E6E; 
    border: none; 
    font-family: Helvetica Neue; 
    font-size: 22px; 
    display: block; 
    float: left; 
}

来源

2013-04-09 Connor Cushion Mulhall

请提供HTML部分。 – Arbel 2013-04-09 20:39:15

当然不是DIV？ – Limey 2013-04-09 20:39:55

设置'input {box-sizing：border-box};'add'-moz'，'-webkit'如果需要 – David 2013-04-09 20:41:13

这很可能是导致问题的边界。尝试使用box-sizing：border-box;使他们在浏览器中更加一致。

input[type=text]{ 
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ 
    -moz-box-sizing: border-box; /* Firefox, other Gecko */ 
    box-sizing: border-box;   /* Opera/IE 8+ */ 
}

来源

2013-04-09 20:40:58

Cheers buddy !!!!! – 2013-04-09 21:40:59

具有额外宽度的输入

回答

相关问题