Can'；在这些按钮上使用HTML似乎无法更改文本颜色_Html_Button_Text_Colors

Can'；在这些按钮上使用HTML似乎无法更改文本颜色

html button text colors

Can'；在这些按钮上使用HTML似乎无法更改文本颜色,html,button,text,colors,Html,Button,Text,Colors,下面是我正在使用的代码。我希望两个按钮都是白色的，但似乎无法正常工作。我正在自定义wordpress上的bloom（按divi）弹出窗口 <div> <style> .btn-group button { background-color: #4CAF50; border: 1px solid green; color: #FFFFFF; cursor: pointer; float: left; } </style> <bod

下面是我正在使用的代码。我希望两个按钮都是白色的，但似乎无法正常工作。我正在自定义wordpress上的bloom（按divi）弹出窗口

<div>
<style>
.btn-group button {
  background-color: #4CAF50;
  border: 1px solid green; 
  color: #FFFFFF; 
  cursor: pointer;
  float: left; }
</style>

<body>
<div class="btn-group" style="width:100%">
  <button style="width:50%"><a href="----">In-Store Visit</a></button>
  <button style="width:50%"><a href="-----">Eye-Exam</a></button>
</div>
</div>
</body>
       </div>


.btn组按钮{
背景色：#4CAF50；
边框：1px纯绿色；
颜色：#FFFFFF；
光标：指针；
浮动：左；}

这是一个链接，在

这里的问题是您有一个

）
我会将代码更改为如下内容：
<div>
<style>
.btn-group a {
  background-color: #4CAF50;
  border: 1px solid green; 
  color: #FFFFFF; 
  cursor: pointer;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
</style>

<body>
<div class="btn-group" style="width:100%">
  <a style="width:50%" href="----">In-Store Visit</a>
  <a style="width:50%" href="----">Eye-Exam</a>
</div>
</div>
</body>
</div>


.btn a组{
背景色：#4CAF50；
边框：1px纯绿色；
颜色：#FFFFFF；
光标：指针；
浮动：左；
文本对齐：居中；
框大小：边框框；
}
尝试标记所安装的a
标记.btn组按钮a{color:#FFF；}我猜是不同的问题，但是我该如何区分这两个按钮，使它们看起来不一样呢？我在想，是否有一种方法可以添加或分割背景？老实说，我会尝试使用flexbox来实现这一点。这是一种更好的对齐元素的技术。例子：
.btn-group a {
  color: #FFFFFF;
}

<div>
<style>
.btn-group a {
  background-color: #4CAF50;
  border: 1px solid green; 
  color: #FFFFFF; 
  cursor: pointer;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
</style>

<body>
<div class="btn-group" style="width:100%">
  <a style="width:50%" href="----">In-Store Visit</a>
  <a style="width:50%" href="----">Eye-Exam</a>
</div>
</div>
</body>
</div>