css - 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中查看完整代码。我在这里做错了吗？蒂亚！

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

Answer 1

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

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