Logo

【表单】如何去掉input被点击选中时的黑色边框

photo

2022年05月27日

问题描述
在制作表单时,想改变input被点击后的边框样式,却发现怎么修改被点击后的input输入框都存在黑色实线
在这里插入图片描述
问题原委
如图所示,该黑色实线是出在input的外边框,可判断为outline属性。
outline属性是在一个声明中设置所有的轮廓属性。

解决方案
1.直接给input添加outline:none;

input{outline: none;}

2.在input:focus中添加outline:none。(当元素获得焦点时(当通过鼠标点击选中元素或通过 tab 键定位到元素时),发生 focus 事件。)

input:focus{border:.2rem salmon solid;outline: none;}

在这里插入图片描述

橙子主题打折出售

其实我不卖,主要是这里是放广告的,所以就放了一个
毕竟主题都没做完,卖了也是坑.

购买它
本文为原创文章,请注意保留出处!

看字面意思很简单,就是判断用户是否登录了,如果没有登录就跳转到登陆页面。没错,主要代码如下(这里就...Mvc校验用户没有登录就跳转的实现

热门文章

修复群晖Synology Drive client右键菜单缺失问题 本教程主要解决windows10右键菜单中没有SynologyDrive菜单的问题,整体思路是找到...修复群晖SynologyDriveclient右键菜单缺失问题 作者:Pastore Antonio
1980 浏览量
docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 前言:有时候我们会在docker上下载一个镜像,或者是上传一个镜像到docker上,甚至有时候就是在...docker如何查看一个镜像内部的目录结构及其内部都有哪些文件 作者:Pastore Antonio
1922 浏览量
Adobe Acrobat Pro 激活 这里记录了一些AdobeAcrobat的激活教程和组件。浏览量:1,806 作者:Pastore Antonio
1649 浏览量
追寻日出,找回自己 为什么我要去追寻日出?其实我是一个很懒的人,每次都起不来,直到有一次我在租房中睡到了大天亮,阳光照...追寻日出,找回自己 作者:Pastore Antonio
1606 浏览量
Swagger2 接口多级分组方法 swagger无疑是Java开发的最佳伴侣,接口非常方便调试;当然也有用Postman,因人而异吧...Swagger2接口多级分组方法 作者:Pastore Antonio
1522 浏览量