html部分:
<button class="btDemo">编辑</button>
css样式:
.btDemo {
width: 80px;
height: 40px;
border-radius: 20px;
outline: none;
background-color: #fff;
color: #000;
border: 1px solid #eee;
transition: all 1s;
}
.btDemo:hover{
color: #fff;
background-color: #3f9cd4;
}
.btDemo :focus{
outline: 0; // 此处是去除鼠标点击时会出现的边框
}
效果图如下:
1
注:背景渐变可以分为线性渐变和点性渐变,此处是通过transition实现的
html部分: 编辑 css样式: .btDemo { width: 80px; height: 40px...
当鼠标聚焦时输入框变色css相关,鼠标点击 输入域后出现有颜色的边框原理：css伪类之input输入框鼠标点击边框...
bootstrap按钮的边框问题 用bootstrap做的按钮，点击后，都会出现边框，如何去除？ .btn:foc...
一、去除Antd的Button组件两个汉字中间的空格 二、去掉input聚焦时的蓝色边框 三、去掉点击button...
去除获得焦点时的外边框textarea{ outline:none;} 去除右下角自定义大小的buttomrex...
1.input框获得输入焦点时，取消外边框的方法： 就是这么简单地加个样式啦 2.禁用鼠标点击事件，这个当然简单地...
去除这个选中的边框样式：
选用合适的鼠标光标 扩大可点击区域 这个方法很管用。不过好景不长，当你需要给按钮加上真正的边框效果时，会发现按钮仅...
按钮的点击时出现黑色边框的问题 添加css属性 按钮的点击后出现蓝色边框的问题 添加css属性
去除图形的右边框和上边框，其他参数为"bottom"和"left"
本文标题：去除鼠标点击时的边框
本文链接：https://www.haomeiwen.com/subject/mradvqtx.html
网友评论