Chrome::select 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技巧。

Answer 1

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

这是一个报告的错误：小链接。