我正在尝试使用 JavaScript 和 jQuery，我注意到 Google Chrome 中有问题，但 Mozilla Firefox 中没有。问题是 ALL 输入正确更新，但带有 Opacity 标签的输入除外。
它会以一种奇怪的方式更新，比如当我聚焦或聚焦时，或者当我点击五六次时。
这是 FIDDLE . (使用每个输入中的箭头更改值)
为什么 Google Chrome 会像这样呈现 Bad Input 数字字段，而其他字段不会？
如果您没有发现任何奇怪的行为，那似乎是我的机器 (Linux Mint 17) 造成的，但现在不要确定。
编辑:
我希望当您单击箭头时输入会立即递增/递减。对于某些输入有效，而对于其他输入，更新会延迟或发生其他情况。
最佳答案
转载，使用 Mac OS Mavericks 和最新的 Chrome/Firefox。
出于某种原因，它打破了 .colorPicker 样式中的 -webkit-filter 规则。您可以将其替换为框阴影，它工作正常，并且看起来一样:
.panel, color .colorPicker {
...
/*-webkit-filter: drop-shadow(0 0 3px black);*/
box-shadow: 0 0 3px black;
...
}
...但确切的原因仍然是个谜!正如 Vivek 在上面的评论中指出的那样，在原始帖子的 fiddle 中，您还可以通过调整窗口大小来强制 inout 重绘。所以出于某种原因，Blink 重绘过程被 -webkit-filter 阻止了。
目前正在阅读 Blink 错误...
关于javascript - 谷歌浏览器中非常奇怪的渲染行为，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25118894/