輸入標籤值來改變懸停的顏色

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}