Question

为什么同样的CSS，用在不同的INPUT TEXT和BUTTON上，WIDTH会不一样？

CSS里写了PADDING和MARGIN，
用了同一段CSS "list_box"，然后
<input type="text" class="list_box" /><br/>
<input type="submit" class="list_box" /><br/>
结果submit会比text短，把type="submit"去掉才能保证两者长度相同

Answer 1

submit有特殊的属性。跟button类似。<input>标签默认是type="text"，所以你不写type="text"也跟写了一样。这就是为什么你去掉type="submit"能保证两者的长度一样。

Answer 2

submit 默认有自己的特殊属性，类似这样的例子在css+html还有挺多的，如果要不使用这些默认的属性，只能去单独调整

Answer 3

请贴出你的CSS

追问

.list_box{
background-color: #1f1f1f;
background-repeat: no-repeat;
border-color: #333;
border-style: solid;
border-width: 2px;
color: #999;
padding: 10px;
font-family: Arial, '宋体';
font-size: 14px;
width: 260px;
position: relative;
vertical-align: top;
min-height:270px;
margin: 10px 5px 10px;
resize: none;
display:inline-block;
overflow:hidden;
}

追答

如图

Answer 4

要先清除浏览器默认样式

Answer 5

看是否有设置type="submit"的样式。
input[type="submit"]{width:100px;}