如何去掉bootstap ruoyi按钮获取焦点后会出现选中状态边框样式?

码云
2020-11-13 14:39

使用bootstrap或是ruoyi框架的时候,点击选中按钮会出现一个选中的样式,样式挺难看的。那是因为bootstrap样式的设定。

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

 

通过调整样式可以你去掉这个focus样式,参考以下示例代码:

.btn:focus {
  outline: none !important;
}

 

全部评论

相关文章