css - CSS: 選択した場合、ホバリングなし

Question

ほとんどの場合、非常に単純に聞こえますが、私はこのようなことは初めてです。

input.input-text:hover {color:red}
input.input-text:focus {color:blue}

input-textホバリング時に赤くなってはいけません。私たちはそれを行うことができますか？

Answer 1

擬似をスタックできます

input.input-text:focus:hover {
  color:green;
}

Answer 2

条件付きでcssを設定しようとしているので、これを達成するためにjqueryを使用します。CSSをそのままにして、これをHTMLページに追加できます

$("input.input-text:focus").hover().css('color', 'black');

jquery スクリプトを含めていない場合は、これをドキュメントの先頭に追加します。

 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>