在Safari和Chrome中,该placeholder属性似乎添加了不可见的宽度,当窗口水平重新调整大小时,会导致水平滚动条和类似闪烁的渲染.
overflow: hidden;可以应用于父元素来抑制问题.但是,它会剪切我的表单场焦点效果.
有没有办法使用某些供应商前缀值来防止这种::-webkit-input-placeholder {}或其他方式？
将属性添加到表单输入时,在webkit浏览器上水平重新调整大小时,水平滚动条会闪烁.具体来说,什么样的风格会触发这种行为？我该如何防止或覆盖这种行为!？
许多输入元素都有默认填充。当您声明 时width: 100%，它会导致元素宽度为 100% + 填充。为了防止填充增加宽度，只需使用box-sizing: border-box;