【问题标题】:input text width cross-browser issue输入文本宽度跨浏览器问题
【发布时间】:2013-08-03 15:51:49
【问题描述】:

我正在搜索,但找不到遮阳篷,我的输入文本框样式因浏览器而异。请查看www.suplementospt.com(向下滚动直到看到橙色框)。

Internet Explorer 是最糟糕的,如果输入没有焦点,它会放大它。

在 Chrome 和 Mozilla 之间,宽度各不相同,在 Mozilla 中它更小。

如何设置它的样式,以使浏览器之间的宽度相等,并且不会放大输入大小而在 IE 中失去焦点。

【问题讨论】:

  • 输入超出狐狸?
  • 首先,您可以将所有填充和边距设置为 0px 以禁用默认浏览器规范

标签: html css


【解决方案1】:

我认为这是因为您在 ems 中指定了 input 字段的宽度。尝试改用px,例如:

input#news-sub-input { width: 160px; }

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-02-12
    • 2012-05-18
    • 2012-12-11
    • 1970-01-01
    • 2013-02-06
    • 1970-01-01
    相关资源
    最近更新 更多