如何移除Fullcalendar按钮点击时出现的额外边框与阴影效果

解决方案 #

你遇到的点击后出现的额外边框属于元素的焦点态样式，仅设置默认状态下的border无法覆盖交互状态的规则，修改CSS如下即可完全移除：

.fc-button,
.fc-button:focus,
.fc-button:active,
.fc-button:focus-visible {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

如果仍有残留样式，可以在浏览器开发者工具的元素面板中，强制给按钮元素激活:focus、:active状态，直接查看生效的样式规则做针对性覆盖即可。

内容的提问来源于stack exchange，提问作者4uruanna