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

Input tag value to change color on hover

提问by DextrousDave

I have an input tag nested inside a list tag. Here is the code:

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

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

Now when I use the following style:

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

 .button:hover{color:#ffffff}, 

the text value "Next" does not change color(to white) when I hover over it.

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

Any suggestions on how to make that work?

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

Thanks

谢谢

回答by Andreas Wong

You need to target the inputitself as opposed to the li:

您需要针对input自身而不是li：

.button input:hover { color:#fff }

Or if you want the inputtext color to turn white upon lihover:

或者，如果您希望input文本颜色在li悬停时变为白色：

.button:hover input { color:#fff }

回答by Kader Khan

Use the following, which works in Firefox:

使用以下适用于 Firefox 的方法：

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