如果大纲不起作用，单击时如何从按钮中删除大纲

Question

我试图用outline: none删除黄色轮廓，但它不起作用。我试图在每一次行动中都动用这笔财产，但没有成功。有什么不起作用的想法吗？

.save {
background-color:  #99aab5;
color: black;
text-align: center;
font-family: 'Comic Neue', cursive;
font-size: 24px;
width: 125px;
border: 1px solid #ffffff;
border-radius: 4px;
cursor: pointer;
transition: .3s;
box-shadow: 1px 4px 2px #fff;
position: absolute;
bottom: 13rem;
right: 2.7rem;
outline: none;
}
.save:hover {
color: azure;
}
.save:active {
transform: translateY(4px);
box-shadow: 0px 2px 1px;
outline: none;
}

<button type="button" class="save">Save</button>

Answer 1

它可能不是一个大纲。根据我的经验，它可以是一个边界，甚至是一个方框阴影。

尝试使用这个：

button{
border: none;
outline: none;
box-shadow: none;
}

如果这不起作用，那么你必须检查元素选项卡中的Chrome开发控制台，看看是哪种风格导致了黄色轮廓。