html - 当我放大时,边框在 Chrome 中消失

标签 html css border zooming

我有这个非常简单的表格:http://jsfiddle.net/TKb6M/91/ .有时,当我使用 Chrome 放大或缩小时,输入边框会消失。例如,当我缩放到 90% 时,我得到:

enter image description here

当然,您的里程可能会有所不同。

如果您想知道那些 <span>标签,我按照 How do I make an input element occupy all remaining horizontal space? 的建议添加了它们.

我的 CSS 有问题还是 Chrome 错误?它似乎在 Firefox 上运行良好。我该怎么做才能避免这种行为?

谢谢。

最佳答案

我很确定 Luís Pureza 已经解决了他的问题,但我找到了一个非常简单的方法来解决这个问题,只需改变一下:

如果您有这样的表格边框:

INPUT,TEXTAREA {
border-top: 1px solid #aaa
}

改成这个:

INPUT,TEXTAREA {
border-top: thin solid #aaa
}

我通过此链接找到了此解决方案:https://productforums.google.com/forum/#!topic/chrome/r1neUxqo5Gc

希望对你有帮助

关于html - 当我放大时,边框在 Chrome 中消失,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12547580/

相关文章:

php - 当表单中发生错误时使文本框颜色为红色

hyperlink - CSS/HTML : Disable link "hover" text

html - CSS li 列表,左边距

html - 边 Angular 形状勺子不起作用

html - 仅在右侧具有边框渐变的 div

html - 如何将按钮与 Bootstrap 中具有标签的文本框对齐

javascript - jquery.append() - 仅附加列表的最后一个元素,前面的元素被删除

html - TextArea在div中填充剩余高度

Javascript 引用文本 slider 有两组

html - 为什么IE对border-style应用不透明度: dotted?