0

我正在使用 html 5。我的表单中有一个输入字段，以下是代码

<input name="address" id="address" type="text" onFocus="if(this.value =='Address' ) this.value=''" onBlur="if(this.value=='') this.value='Address'" value="Address">

输入字段的css是

input#address{ width:411px; border:0px; height:50px; line-height:50px; padding-left:15px;}

问题是宽度。文本字段宽度与 Firefox 和 ie 7 不同。如何解决这个问题？

4

4 回答 4

1

浏览器有自己的默认样式，如果您希望您的页面在浏览器中看起来相同，请使用css 重置，然后手动设置元素的样式。

于 2012-07-13T04:14:37.593 回答
0

嗨，现在曾经像这样显示属性

input#address{
display:block;
}
于 2012-07-13T04:07:22.010 回答
0

尝试重置输入元素的填充和边距

input {
    margin:0;
    padding:0;
}
于 2012-07-13T04:11:46.847 回答
0

我不建议删除填充或边框，因为这会改变要求。

原因是不同的浏览器有不同的box modal

有时向页面添加 doctype 可以解决问题，但情况并非总是如此。

您可以使用以下代码确保您的框在所有主要浏览器中显示相同。

input#address{
  width:411px;
  border:0px;
  height:50px;
  line-height:50px;
  padding-left:15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
于 2012-07-13T04:12:42.297 回答