Css HTML5占位符文本在Safari中增加宽度，导致滚动条和闪烁

在Safari和Chrome中，

占位符

属性似乎增加了不可见的宽度，在水平调整窗口大小时，会导致水平滚动条和闪烁状渲染

溢出：隐藏可应用于父元素以抑制问题。但是，它会剪辑我的窗体字段焦点效果

是否有一种方法可以使用某些供应商前缀值来防止这种情况，例如
：-webkit输入占位符{}
或其他方法

将属性添加到表单输入时，在webkit浏览器上水平调整大小时，水平滚动条会闪烁。具体来说，是什么风格触发了这种行为？我如何防止或覆盖这种行为
 许多输入元素都有默认的填充。当您声明宽度：100%

时，它会导致元素的宽度为100%+填充。要防止填充增加宽度，只需使用

框大小：边框框
我在Chrome和Safari中查看了您的站点，但它似乎没有您提到的问题。但是，您的顶部图像溢出到顶部，因为您将溢出设置为隐藏，并且没有为页眉设置上边距。因此，我继续创造了这一利润：

 #header img {
  margin-top: 50px;
 }

这就解决了问题。我希望我能发布一张图片。
有什么爱吗？我想今天是星期天。当然，在我使用网格系统时，有相当一部分风格是继承下来的，但是如果有人能使用FireBug或其他建议为我指出正确的方向，我将不胜感激！我使用的是最新版本的Chrome，还没有经历过这种闪烁？您是否偶然使用了和CSS3转换或动画？不，我去掉了除输入[type=“text”]{width:100%；}之外的所有CSS。我已经在PC和MacOSX的所有主流浏览器上测试了上面提供的链接。当水平调整浏览器窗口的大小时，水平侧边栏会快速出现和消失。这通常不是什么大问题，但我正在设计一个响应性强的设计，移动视口基本上可以被“遮住”在我的网格系统中。我在mbp上使用最新版本的safari，没有记录问题。我提出的最佳解决方案是在表单的父（或祖先）元素上使用溢出：隐藏声明。在我的例子中，我的目标是文档的内容，一个带有“main role”[role=“main”]的元素。这样我的窗体焦点样式就不会被剪裁了！是的，在读了Paul Irish的一篇文章之后，我也开始修改from元素的长方体模型。我不喜欢像te文章中提到的那样应用于所有元素，但是使用了一个选择器，比如.form>*{-moz-box-size:border-box；-webkit-box-size:border-box；box-size:border-box；}似乎可以。可能不是性能最好的选择器，但却是我遇到的最好的解决方案！