Question

我正在玩JavaScript和jQuery，我注意到谷歌Chrome有些不对劲，但在Mozilla Firefox中却没有。问题是 ALL 输入正确更新，但不透明度标签除外。

它以一种奇怪的方式更新，例如当我聚焦或聚焦或点击五六次时。

这里是FIDDLE。（使用每个输入中的箭头来更改值）

为什么Google Chrome会像这样呈现Bad Input数字字段而其他字段不是？

如果你没有得到任何奇怪的行为，它似乎来自我的机器（Linux Mint 17），但现在肯定不会。

修改

当您单击箭头时，我希望输入立即递增/递减。对于某些输入有效，而对于其他输入，则更新会延迟或等等。

Answer 1

转载，使用Mac OS Mavericks和最新的Chrome / Firefox。

由于某种原因，它打破了.colorPicker样式中的-webkit-filter规则。你可以用box-shadow替换它，它工作正常，看起来一样：

.panel, color .colorPicker {
...
  /*-webkit-filter: drop-shadow(0 0 3px black);*/
  box-shadow: 0 0 3px black;
...
}

...但确切为什么仍然是一个谜！正如Vivek在上面的评论中指出的那样，在原始文章的小提琴中，你也可以通过调整窗口大小来强制重绘。因此，由于某种原因，-webkit-filter阻止了Blink重绘过程。

目前正在阅读Blink错误...