Javascript 如何更改按钮中的文本颜色

我想将“新服务请求”的按钮文本更改为白色。请告知

.btn info{背景：0066cc；边框：无；边框半径：3px；字体大小：18px；填充：10px 20px；}
.btn信息：悬停{
背景#003366；
转换：0.5s背景；}

---

您只需将

.button info a

作为目标，即可将文本颜色更改为白色

.btn信息{背景：0066cc；边框：无；边框半径：3px；字体大小：18px；填充：10px 20px；}
.btn信息a、.btn信息：悬停{
颜色：白色；
}
.btn信息：悬停{
背景#003366；
转换：0.5s背景；}

您需要将按钮内标签的颜色设置为白色

例如：

.btn信息{
背景#0066cc；
边界：无；
边界半径：3px；
字号：18px；
填充：10px 20px；
}
.btn信息：悬停{
背景#003366；
过渡：0.5s背景；
}
.btn信息a{
颜色：白色；
}

---

您应该将目标锁定在内部.button info类以更改文本的颜色。将类

button info

更改为白色您可以执行类似操作。希望能有帮助

.btn info{
背景#0066cc；
边界：无；
边界半径：5px；
字体大小：14px；
填充：10px 10px；}
.btn信息a{
颜色：#fff；
文字装饰：无；
}
.btn信息：悬停{
背景色：#003366；
}

---

完全移除a标记，并为按钮的悬停状态指定一条规则

光标：指针

：

.btn信息{
背景#0066cc；
边界：无；
边界半径：3px；
字号：18px；
填充：10px 20px；
颜色：#fff；
}
.btn信息：悬停{
背景#003366；
过渡：0.5s背景；
光标：指针；
}

新服务请求

试试这个

.btn信息
{
字体大小：13px；
颜色：绿色；
}

尝试以下代码：
.btn信息{背景：0066cc；边框：无；边框半径：3px；字体大小：18px；填充：10px 20px；}
.btn信息：悬停{
颜色：#fff；
背景#003366；
转换：0.5s背景；}
新服务请求

鼠标悬停时是否要将文本颜色更改为白色？这是否回答了您的问题@chandu.komati我认为这与他们的问题无关，因为它是一个嵌套有

a

的

按钮。根据链接的示例，使用CSS定位
按钮
不会修改字体颜色。唯一的答案是使用CSS将
按钮中的
a
作为目标。您的HTML无效，
a
不能在按钮元素中
try this code: 

    .btn-info { background: #0066cc; border: none; border-radius: 3px; font-size: 18px; padding: 10px 20px; }

    .btn-info:hover{
    color: #fff;
    background: #003366; 

    transition: 0.5s background;}



    <button class="btn-info" href="LINK">New Service Request</button>