Css 鼠标悬停在按钮上时文本颜色的更改

我正在尝试更改悬停按钮内文本的颜色

我可以让按钮本身改变颜色，但我希望按钮文本也改变颜色

以下是我当前的css：

button,
input.button,
a.button,
input[type="submit"] {
background:#2e77ae;
background: -moz-linear-gradient(top, #5590bd, #2e77ae);
background: -webkit-linear-gradient(top, #5590bd, #2e77ae);
background: -o-linear-gradient(top, #5590bd, #2e77ae);
background: -ms-linear-gradient(top, #5590bd, #2e77ae);
background: linear-gradient(top, #5590bd, #2e77ae);
border-color:#2e77ae;}

button:hover,
input.button:hover,
a.button:hover,
input[type="submit"]:hover{

    background:#E6D332;
    background: -moz-linear-gradient(top, #E6D332, #E6D332);
    background: -webkit-linear-gradient(top, #E6D332, #E6D332);
    background: -ms-linear-gradient(top, #E6D332, #E6D332);
    background: linear-gradient(top, #E6D332, #E6D332);
    border-color:#2e77ae;}



button:focus,
input.button:focus,
a.button:focus,
input[type="submit"]:focus { 
    background-color:#E6D332;}

---

如果要更改文本的颜色，请使用CSS

color

属性，如

input[type="submit"]:hover{
   color :#E6D332; 
}

---

color:#（插入文本颜色）

将其放入CSS属性

color

一般控制元素中的文本颜色。在您的情况下，要更改悬停时的颜色，请使用

：hover

说明符

input[type = "submit"]:hover {
    color: #FF0000;
    //you can add more styles to be applied on hover
}

请注意，您也可以使用

rgb（x，y，z）

格式指定颜色。这里有一个小演示来说明：。您可以在此处播放演示并查看源代码：

我希望这有帮助

p.one{
颜色：深蓝色}
p、 一：悬停{
颜色：黄色}

Css帮助
示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本示例文本

---

您可以在

之后为
中的元素（如文本）编写选择器。btn:hover

可在鼠标悬停在按钮上时更新这些特定元素的css属性。

若要更改文本颜色，请使用

颜色：#color

要更改文本颜色，您需要添加以下内容：#455667感谢您的帮助-它仍然不起作用-我是否做错了：按钮：悬停，输入。按钮：悬停，a.按钮：悬停，输入[type=“submit”]：悬停{背景：#E6D332；背景：-moz线性渐变（顶部，#E6D332，#E6D332）；背景：-webkit线性渐变（顶部，#E6D332，#E6D332）；背景：-ms线性渐变（顶部，#E6D332，#E6D332）；背景：线性渐变（顶部，#E6D332，#E6D332）；边框颜色：#2e77ae；颜色：#2e77ae；}@StephenO'connor请看这个：。这使用了相同的代码，它在

hover

上工作。谢谢-由于某种原因，它不在我的页面上工作-我不知道为什么，但感谢您的帮助@Abody97@StephenO“康纳，你的网页是实时的吗？你能提供它的链接吗？如果没有，你能发布完整的HTML/CSS吗？@StephenO'connor这是因为你有一条规则：

color:rgb（255，255，255）！重要的删除
！重要的
部分，它会工作。在悬停部分
输入[type=“submit”]：悬停{背景：#E6D332；背景：-moz线性渐变（顶部，#E6D332，#E6D332）；背景：-webkit线性渐变（顶部，#E6D332，#E6D332）；背景：-ms线性渐变（顶部，#E6D332，#E6D332）；背景：线性渐变（上图，#E6D332，#E6D332）；边框颜色：#2e77ae；颜色：#（插入文本颜色）}
@StephenO'connor我认为你应该使用大写字母。所以#2e77ae，而不是#2e77ae，这与#2e77ae或#2e77ae无关，
.btn:hover h3{
    color: #FFFFFF;
}