首页 > 代码库 > input 去掉点击后出现的边框
input 去掉点击后出现的边框
添加属性 :focus{outline:none} 就可以去掉默认点击时,边框会出现的蓝色边框。
:focus 选择器用于选取获得焦点的元素。
提示:接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
不想点击时每次都要设置的话,最好在默认样式中就设置:
1 input,textarea,a:focus {
2 outline: none;
3 }
用 :focus 实现外部边框改变颜色:
1 input:focus {
2 outline:1px solid #7c448f;
3 }
用 :focus 实现内部边框改变颜色:
1 input:focus{ 2 border-color:#7c448f ; 3 outline: none; 4 }
---------------------------------------------------------分割线-------------------------------------------------
- outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。(outline是围绕元素。它是围绕元素的边距。但是,它是来自不同的边框属性,outline不是元素尺寸的一部分,因此 元素的宽度和高度属性不包含轮廓的宽度 )
- outline简写属性在一个声明中设置所有的轮廓属性。
- 可以设置的属性分别是(按顺序):outline-color(规定边框的颜色), outline-style(规定边框的样式), outline-width(规定边框的宽度)。
- 如果不设置其中的某个值,也不会出问题,比如 outline:solid #ff0000; 也是允许的。
input 去掉点击后出现的边框
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。