我无法从wordpress中的按钮中删除这个奇怪的轮廓(css新手)

Question

你好，我正在制作一个网站：https://outlandbot.xyz并且有一个按钮显示立即邀请，问题是我不喜欢按钮周围的白色边框。我尝试了CSS中的所有内容，但我没有FTP客户端，只有WordPress中的附加CSS选项卡。

我的代码：

wp-block-button:focus {
padding: 0;
border: none;
background: none;
}

提前谢谢。

Answer 1

在样式中，有一个伪元素：在附加到按钮之前：

.button:before, 
.wp-block-button__link:before, 
.wp-block-file__button:before, 
.a8c-posts-list__view-all:before {
border: 2px solid;
content: "";
display: block;
left: 3px;
margin: 0;
position: absolute;
top: 3px;
height: calc(100% - 6px);
width: calc(100% - 6px);
}

把它们扔掉。或者覆盖您的按钮：

.wp-block-button__link:before {
content: none;
}