css - 输入标签值以在悬停时更改颜色

Question

我有一个嵌套在列表标签​​内的输入标签。这是代码：

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

现在，当我使用以下样式时：

 .button:hover{color:#ffffff}, 

当我将鼠标悬停在文本值“Next”上时，它不会改变颜色（变为白色）。

关于如何使其工作的任何建议？

谢谢

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}