javascript - 如何更改按钮中的文字颜色

Question

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

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

.btn-info:hover{

background: #003366;

transition: 0.5s background;}

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

Answer 1

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

例子:

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

.btn-info:hover {
  background: #003366;
  transition: 0.5s background;
}

.btn-info a {
  color: white;
}

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