前端取消input获取焦点时的边框

简介: 前端取消input获取焦点时的边框

方法如下:

input {
outline: none;
}

outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。

注释:轮廓线不会占据空间,也不一定是矩形。

outline 简写属性在一个声明中设置所有的轮廓属性。

目录
相关文章
|
6月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
230 0
|
前端开发 JavaScript
前端基础 - JavaScript之表单获取焦点及失去焦点
前端基础 - JavaScript之表单获取焦点及失去焦点
155 0
|
移动开发 前端开发 Android开发
前端html input =“file“ ios/安卓解决无法选择图库/拍照问题
前端html input =“file“ ios/安卓解决无法选择图库/拍照问题
2166 0
|
6月前
|
前端开发
前端input上传文件获取视频或音频的时长
前端input上传文件获取视频或音频的时长
224 0
|
4月前
|
前端开发
前端 CSS 经典:旋转边框效果
前端 CSS 经典:旋转边框效果
38 0
|
4月前
|
前端开发 API 开发者
前端 CSS 经典:边框转圈动画效果
前端 CSS 经典:边框转圈动画效果
178 0
|
4月前
|
前端开发
前端 CSS 经典:图片边框
前端 CSS 经典:图片边框
37 0
|
6月前
|
前端开发
前端 CSS 经典:弧形边框选项卡
前端 CSS 经典:弧形边框选项卡
190 0
|
前端开发
前端学习笔记202304学习笔记第十五天-vue3.0-实现文本框获取焦点的指令
前端学习笔记202304学习笔记第十五天-vue3.0-实现文本框获取焦点的指令
67 0
前端学习笔记202304学习笔记第十五天-vue3.0-实现文本框获取焦点的指令
|
前端开发
前端学习笔记202304学习笔记第十六天-vue3.0-实现input和button
前端学习笔记202304学习笔记第十六天-vue3.0-实现input和button
76 0