如何删除或更改默认按钮样式？

Question

如果单击该图像（位于按钮内），则会弹出Alertify消息。邮件关闭时会发生这种情况（上图）。

我有一个问题，其中按钮默认恢复为默认按钮装饰。如何防止这种情况发生？我已经尝试过outline: none !important CSS元素，但是它仍然无法正常工作。有没有一种“积极的”方式摆脱这种情况？

编辑：我已经仔细检查过开发人员工具，看来outline CSS代码已经应用了。但是，此问题仍然存在。

Answer 1

如果您要删除背景蓝色和边框。尝试以下样式。.

这些将添加一个1px宽的透明边框，单击该边框将颜色变为灰色。释放点击后，它将恢复为透明。 同样，背景蓝色也将被删除。

button, button:focus{
  outline: none;
  background: transparent;
  border: 1px solid transparent;
}

button:active{
  outline: none;
  background: transparent;
  border: 1px solid grey;
}

Answer 2

您需要添加按钮焦点

喜欢

button:focus { 
        outline: 0 !important;
        border: 0px solid transparent !important;
}