输入标记值以在悬停时更改颜色

Question

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

<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}