0

SHA1 ハッシュを計算する基本的な Web サイトを作成しました。すでに何百もありますが、これは多くの人が使用するものを作るというよりも、デザインに手​​を出すためのものでした。私の設計の重要な部分は、計算されたハッシュをテキストボックスに表示し、テキストが JavaScript で自動選択されたことです。このテキストボックスには CSS3 ::-selection 疑似要素があり、選択したテキストの色を変更するため、プレーンなテキスト ボックスのようには見えません。CSSコードは次のとおりです。

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

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

おそらくセレクターを組み合わせることができたはずですが、これが機能しないときにそれらを分離することを試みました。HTML は単純な<input type="text" id="result">であり、その他の重要でない属性がいくつかあります。完全なコードはSHA1.inで確認できます。ここで何か間違ったことをしていますか？ティア！

ところで、CSS Tricksからコードを取得しました。

4

1 に答える 1

2

input要素を a に置き換えるとdiv、問題が解決するようです。どうやら Chrome は text の選択色を上書きできないようですinputs。

これは報告されたバグです: little link。

于 2012-09-12T08:51:39.323 に答える