一个按钮的css字体颜色样式无效

问题遇到的现象和发生背景

一个注册按钮css字体颜色样式无效，如图：

css定义了字体颜色（白色），但字体颜色还是显示灰色

问题相关代码（前端）

<a class="home-register" href=" $this->options->adminUrl('register.php'); ?>" target="_blank" rel="noopener noreferrer nofollow">注册a>

问题相关代码（css）

/*注册按钮样式*/
.home-register {
background-color:#1e80ff;
border-radius:3px;
color:#fff;
flex-shrink:0;
font-size:14px;
height:30px;
line-height:30px;
margin-left:14px;
text-align:center;
text-decoration:none;
transition:width .2s,margin-left .3s,background-color .3s;width:72px
}

我想要达到的结果

求解需要使用什么属性和样式才能使按钮里面的字体变成白色

审查元素看看 。样式是加上了 没生效 被覆盖了，还是就没加上

实在不行，可以使用 !important 来强制覆盖颜色，但这样容易导致 css 维护起来变得混乱，姑且附上教程 https://www.runoob.com/css/css-important.html。

建议是使用浏览器的功能，查一查是哪一层的哪个样式覆盖了，然后再做相应对策。

例如这里随便挑了一个元素，可以发现这个 div 元素中通过 id 给出的 css 样式中， top 和 height 都被元素的 style 属性覆盖了，建议问主自行排查。

就你贴出来的代码部分，没看出来有什么问题，字体就是白色的，
不知道你是不是还设置了别的样式影响到了，这样试下：color:#fff !important;

看下css样式加上了没，会不会被其他覆盖了，可以直接使用impoetant