① input{ outline: none; }

鼠标点击input时，出显的黑色边框，怎么去除的问题？

input{ outline: none; }

可以给边框（border）设置一个颜色，然后把边框轮廓(outline)给去掉，点击的时候就不会出现黑色的边框了，outline设置轮廓的样式，样式是 none时，轮廓不会出现，希望对大家有帮助！

②:focus 伪类选择器

像这种问题一般都用在 :focus 伪类选择器 ，用于选取获得焦点的表单元素，焦点也即是光标。
一般情况下 input 类表单元素才能获取:focus伪类选择器。废话不多少上代码，在input:focus 中，点击去除input 显示的边框，如下：（图片可以忽略）

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>百度输入框</title><style>input {width: 520px;height: 40px;border: none;box-shadow: 0px 1px 2px #888888 inset;background: url(./images/camera_01.png) no-repeat 480px center;}input:focus {width: 520px;height: 40px;border: none;outline: none;box-shadow: 0px 0px 3px #005efe inset;background: url(./images/camera_02.png) no-repeat 480px center;}</style>
</head><body><input type="text" name="" id=""></body></html>

点击input时，不显示边框！相关推荐

点击input时，去除边框
方法代码展示: input {border: none;-webkit-box-shadow: none;box-shadow: none;outline: none;}input:focus {b ...
【表单】如何去掉input被点击选中时的黑色边框
问题描述在制作表单时,想改变input被点击后的边框样式,却发现怎么修改被点击后的input输入框都存在黑色实线问题原委如图所示,该黑色实线是出在input的外边框,可判断为outline属性. ...
HTML 表格td中无内容时不显示边框的解决办法
有时我们想实现不输入内容展示时,会不显示边框解决方法: 1.在单元格中加入一个空格.这样: <td> </td> 2.直接在table里这样写:<table borde ...
在IE6/7下表格td标签没有内容时不显示边框？
有以下几种方法: 1.在单元格中加入一个空格.这样: <td> </td> 2.直接在table里这样写:<table border="0" cell ...
华为手机使用谷歌play点击登录时，显示无法连接此网络
前提已经具备谷歌框架.vpn.谷歌账号.谷歌play 操作选择Google,点击进去,连接vpn,登录你的账号. 之后再打开Googleplay,就能打开了
html字体外围有黄色边框,input或textarea在chrome、safari浏览器点击获得焦点时出现黄色边框去掉的方法...
1.input或textarea在chrome.safari浏览器点击获得焦点时出现黄色边框去掉的方法 input{ outline:0;} outline 定义和用法 outline (轮廓)是绘制 ...
css 去掉button/input点击时出现的边框
css 去掉button/input点击时出现的边框 button/input { outline:none: } 在button和input标签中添加οnfοcus="this.blur( ...
ivew input 去除边框和点击时不出现边框
问题描述: ivew input 去除边框和点击时不出现边框新建一个class <Input class="test" ..../>新建一个标签不带 scope ...
在jsp页面中点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑，并将文本框中的内容保存到数据库中
寻找的资料一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...

点击input时，不显示边框！

点击input时，不显示边框！

① input{ outline: none; }

②:focus 伪类选择器

点击input时，不显示边框！相关推荐

最新文章

热门文章