Chrome :: selection CSS选择器在文本框上失败

Question

我写了一个计算SHA1哈希值的基本网站。我知道，已经有数百种了，但更多的是尝试设计而不是制作很多人会使用的东西。我的设计的一个重要部分是在文本框中显示计算的哈希值，并使用JavaScript自动选择文本。这个文本框有一个CSS3 :: - selection伪元素来改变所选文本的颜色，因此它不像普通的'ol文本框那样看起来像。这是CSS代码：

#result::-moz-selection {
    background: white;
    color: red;
}

#result::selection {
    background: white;
    color: red;
}

我知道我可能已经将选择器组合在了一起，但是当它不起作用时我将它们分开。 HTML是一个普通的<input type="text" id="result">，还有一些其他无关紧要的属性。您可以在SHA1.in查看完整代码。我在这里做错了吗？ TIA！

顺便说一句，我从CSS Tricks获得了我的代码。

Answer 1

用input替换div元素似乎可以解决问题。显然，Chrome会阻止覆盖文本inputs的选择颜色。

这是一个报告错误：little link。