css - タグ値を入力して、ホバー時に色を変更します

Question

リストタグ内にネストされた入力タグがあります。コードは次のとおりです。

<li class="button"><input name="submit_details" type="submit" value="Next" /></li>

次のスタイルを使用すると、次のようになります。

 .button:hover{color:#ffffff}, 

テキスト値「次へ」にカーソルを合わせても、色が（白に）変わりません。

それを機能させる方法について何か提案はありますか？

ありがとう

Answer 1

：inputではなく、それ自体をターゲットにする必要があります。li

.button input:hover { color:#fff }

または、ホバーinput時にテキストの色を白に変えたい場合：li

.button:hover input { color:#fff }

Answer 2

Firefoxで動作する以下を使用してください。

input[type='text']:hover{color:red}