html - 输入文本宽度跨浏览器问题

标签 html css

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

Internet Explorer 是最糟糕的,如果输入不清晰,它会放大它。

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

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

最佳答案

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

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

关于html - 输入文本宽度跨浏览器问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18034581/

相关文章:

html - 如何在句子中间更改字体颜色

css - 网页中的可滚动容器

css - 字体在 chrome 中的 HTML5 验证中更改

javascript - 刷新父级后,JS window.close 弹出窗口不起作用

html - CSS - "knock-out"/背景图像的透视效果

html - 如何移动搜索栏内的搜索按钮?

html - 如何将内联元素定位在元素之外而不影响同级内联元素

里面有文字的CSS形状

asp.net - 获取选中的li

html - CSS li 列表,左边距