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

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

方法如下:

input {
outline: none;
}

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

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

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

目录
相关文章
|
2月前
|
前端开发
前端通过input标签封装Upload组件实现文件上传
前端通过input标签封装Upload组件实现文件上传
58 0
|
7月前
|
前端开发 JavaScript
前端基础 - JavaScript之表单获取焦点及失去焦点
前端基础 - JavaScript之表单获取焦点及失去焦点
76 0
|
移动开发 前端开发 Android开发
前端html input =“file“ ios/安卓解决无法选择图库/拍照问题
前端html input =“file“ ios/安卓解决无法选择图库/拍照问题
1643 0
|
2月前
|
前端开发
前端input上传文件获取视频或音频的时长
前端input上传文件获取视频或音频的时长
109 0
|
12月前
|
前端开发
前端学习笔记202304学习笔记第十六天-vue3.0-实现input和button
前端学习笔记202304学习笔记第十六天-vue3.0-实现input和button
57 0
|
12月前
|
前端开发
前端学习笔记202304学习笔记第十五天-vue3.0-实现文本框获取焦点的指令
前端学习笔记202304学习笔记第十五天-vue3.0-实现文本框获取焦点的指令
47 0
前端学习笔记202304学习笔记第十五天-vue3.0-实现文本框获取焦点的指令
|
12月前
|
前端开发
前端学习笔记202304学习笔记第十六天-vue3.0-实现文本框获取焦点功能
前端学习笔记202304学习笔记第十六天-vue3.0-实现文本框获取焦点功能
42 0
|
12月前
|
前端开发
前端学习笔记202304学习笔记第十六天-vue3.0-实现input和button
前端学习笔记202304学习笔记第十六天-vue3.0-实现input和button
44 0
|
12月前
|
前端开发
前端 解决input框被禁用后无法添加点击事件的bug 简单易懂,快来围观
在开发中,我们经常会遇到需要禁用input框的情况,但是禁用后无法添加点击事件的问题。这个问题可能会让你感到十分困扰,但是不用担心,本文将会为您介绍一种解决这个问题的方法
|
12月前
|
前端开发 搜索推荐 开发者
前端祖传三件套CSS的CSS3新特性之边框
当谈到常用的前端技术时,CSS无疑是必不可少的一部分。而在CSS中,边框(Border)是我们最常用到的一个属性之一。边框不仅可以让网页看起来更加美观,还可以为页面呈现出更好的结构和层次感。而在CSS3中,对边框的样式、宽度、颜色等方面进行了进一步的扩展和增强,使得开发者们能够更加灵活地定制页面边框的外观。
102 0