CSS去除按钮激活的高亮边框（Button的点击出现黑色外边框的取消）

如果引入了UI组件库，在css中修改无效，可能是UI组件库的优先级更高，层叠掉了自己写的样式，这样可以把自己写的样式放在UI组件库之前引入，如：

<head><meta charset="utf-8"><link rel="stylesheet" href="css/base.css" /> <!-- 自己写的样式 --><link rel="stylesheet" href="css/bootstrap4.3.1.css" />    <!-- 引入的bootstrap UI组件库 --><title></title></head>

如果优先不够，可以在head标签内写样式，如:

<head>
<style>button{border:none;outline:none;}
<style>
</head>

优先还不够，可以写行内样式，如:

<button style="border:none;outline:none;">

优先还不够，就只能写优先最高的!important了，不过这种写法不推荐，因为写了之后，其它样式就无法层叠掉它了，如：

<head>
<style>button{border:none !important;outline:none !important;}
<style>
</head>

CSS去除按钮激活的高亮边框（Button的点击出现黑色外边框的取消）相关推荐

css 去掉button/input点击时出现的边框
css 去掉button/input点击时出现的边框 button/input { outline:none: } 在button和input标签中添加οnfοcus="this.blur( ...
html清除div虚线,纯CSS去除按钮以及链接点击时虚线
深藏多年秘笈大公开,全世界唯一一家公布,怎么点就是点不出,纯CSS去掉按钮或者链接点击产生的虚线. 运行代码框 .wrap{position:relative;} .btns{zoom:1;} .bt ...
去除input框点击后的一圈样式_去除input边框 input去除边框去除input获取焦点时的蓝色外边框...
去除input的边框 input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px so ...
【Unity3D】点选物体、框选物体、绘制外边框
1 需求描述绘制物体外框线条盒子中介绍了绘制物体外框长方体的方法,本文将介绍物体投影到屏幕上的二维外框绘制方法. 点选物体:点击物体,可以选中物体,按住 Ctrl 追加选中,选中的物体设置为红色. ...
css button 四种状态,css中按钮的四种状态
css中按钮有四种状态普通状态 hover 鼠标悬停状态 active 点击状态 focus 取得焦点状态 .btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝色边框下面的 ...
android按钮高亮,android button高亮效果
android默认的button在点击以后有默认的高亮效果,但是默认的button比较丑,要替换成自己的按钮背景,采用的方法是: button.setBackgroundDrawable(drawab ...
Button 按钮的点击时候出现蓝色边框
这种默认蓝色边框,有时候感觉它很固执,有时候感觉完全可以轻松应对. 直接附上效果. 谷歌浏览器: 火狐浏览器: 代码: <input class="selectFile" t ...
提交按钮css加样式,用CSS美化按钮（button）
? 我们用 A 包含一个 SPAN 标签来实现此效果: HTML: 按钮文字? 设置按钮样式: CSS: ? 为按钮添加点击样式: CSS: ? 由于 IE 下点击后不能还原到默认状态,因此,我们需要 ...
炫彩流光CSS特效按钮
炫彩流光CSS特效按钮教程地址:原文地址(YouTube) B站教程:原文转载(bilibili) 两个视频的内容相同,第二个为转载效果图 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存 ...

CSS去除按钮激活的高亮边框（Button的点击出现黑色外边框的取消）

CSS去除按钮激活的高亮边框（Button的点击出现黑色外边框的取消）相关推荐

最新文章

热门文章