我有这个非常简单的形式:
http://jsfiddle.net/TKb6M/91/.有时候,当我使用Chrome放大或缩小时,输入边框消失.例如,当我放大到90%时,我得到:
当然,你的里程可能会有所不同.
如果您想知道这些< span>标签,我按照How do I make an input element occupy all remaining horizontal space?的建议添加了它们.
我的CSS是否有问题,或是Chrome bug?它似乎在Firefox上正常工作.我可以做些什么来避免这种行为?
谢谢.
解决方法
您正在迫使Chrome进行子像素计算,这通常具有奇怪的行为.
如果将输入的高度更改为30px,则90%的缩放可以正常工作(因为这是27px),但缩放75%不是(因为这是22.50像素).
您也可以通过给边框宽3像素来避免这种情况.在这种情况下,您会看到不同地方的边框宽度不同.
无论如何,最好的解决方案是在输入周围放置更多的空间,以便即使边框处于子像素位置也能够清晰地绘制边框.