无法<a>在WordPress中设置标签样式

Question

我正在挂钩到一个动作并向函数添加一些 HTML，但我似乎无法像我想要的那样设置"a"标签的样式。我正在尝试创建一个可点击的按钮，所以我想我只是让它成为一个链接，然后用 CSS 设置它的样式，但我无法让我的 CSS 定位标签。

这是 HTML：

echo '<a href="www.casthorndesigns.com/wp-login.php?action=register" class="reg_btn">Register/Login</a>';

和 CSS：

.reg_btn a{
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
   width: 200px;
   height: 45px;
   border: 2px solid #000;
   background-color: #fff;
   text-decoration: none;
   color: #000 !important;
}
.reg_btn a:hover{
   cursor: pointer;
}

默认主题的"a"标签是否只是覆盖了我的代码？我什至出于绝望而尝试了！important，但无法让它工作。任何帮助都会很棒，谢谢。

Answer 1

你应该在CSS代码中只使用类的名称，如下所示：

.reg_btn {
   -webkit-appearance: button;
   -moz-appearance: button;
   appearance: button;
   width: 200px;
   height: 45px;
   border: 2px solid #000;
   background-color: #fff;
   text-decoration: none;
   color: #000 !important;
}
.reg_btn:hover{
   cursor: pointer;
}

Answer 2

从选择器中删除a。 .reg_btn 已经是所讨论元素的一类，并且足以单独使用该选择器进行定位。

Answer 3

您的 CSS 以类reg_btn中的锚元素为目标。

将"a"移动到选择器的开头或将其完全删除。

a.reg_btn { }

或

.reg_btn { }