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

【问题标题】：How to remove or change default button style?如何删除或更改默认按钮样式？
【发布时间】：2020-07-02 10:58:48
【问题描述】：

如果您单击该图像（位于按钮内），则会弹出一条警报消息。这（上图）在消息关闭时发生。

我有这个问题，其中按钮默认返回默认按钮装饰。我该如何防止这种情况发生？我已经尝试过outline: none !important CSS 元素，但它仍然不起作用。有没有一种“激进”的方式来摆脱这种情况？

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

【问题讨论】：

【解决方案1】：

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

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

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

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

【讨论】：

谢谢。这行得通。解决方案有点激进，但谢谢。