html获得焦点显示边框,input获得焦点时，如何让外边框不变蓝

input获得焦点时，如何让外边框不变蓝

border 可应用于几乎所有有形的html元素，而outline 是针对链接、表单控件和ImageMap等元素设计。

outline的效果将随元素的 focus 而自动出现，相应的随 blur 而自动消失。这些都是浏览器的默认行为，无需JavaScript配合CSS来控制。outline 不会像border那样影响元素的尺寸或者位置。

使用input:focus{outline:none;},可以达到“输入框”获得焦点时边框不变蓝的效果。这个效果也可以使用在button上，button:focus{outline:none;}。

但是在Firefox下，对于类型为button的元素，即使设置outline，也还是会出现虚线。可以使用一个Firefox的私有伪元素：

button:-moz-focus-inner{border:0;}，

特别注意的是-moz-focus-inner设置的不是outline,而是设置border。

html获得焦点显示边框,input获得焦点时，如何让外边框不变蓝相关推荐

input得到焦点显示文本框,失去焦点隐藏文本框
上一篇 : input 输入的内容时更改input的宽度此篇是上一篇的延伸功能 input得到焦点显示文本框,失去焦点隐藏文本框思路 : 1 创建一个文本标签font和输入标签input,页面加载 ...
去除input框点击后的一圈样式_去除input边框 input去除边框去除input获取焦点时的蓝色外边框...
去除input的边框 input{text-indent: 1em;} #search1{ } #search2{ border-width: 0; } #search3{ border:1px so ...
【Unity3D】点选物体、框选物体、绘制外边框
1 需求描述绘制物体外框线条盒子中介绍了绘制物体外框长方体的方法,本文将介绍物体投影到屏幕上的二维外框绘制方法. 点选物体:点击物体,可以选中物体,按住 Ctrl 追加选中,选中的物体设置为红色. ...
input失去焦点事件和点击事件冲突的解决思路
首先说一下应用场景 el-input框为禁用状态时,点击取消禁用,并显示后方两个按钮, 点击绿色按钮保存input框当前值,失去焦点或点击红色框时恢复改变前的值思路就是不在input上的失去焦点方法 ...
解决页面textarea初始焦点显示位置不正确的问题
在开发过程中,遇到了下面的问题问题:我们在jsp页面定义好一个textarea之后,当我们初始化进入页面的时候,发现textarea焦点显示的位置前面会有一定的空格,虽然这个不影响什么,但是总是感觉 ...
input失去焦点和获得焦点jquery焦点事件
input失去焦点和获得焦点jquery焦点事件插件, 鼠标在搜索框中点击的时候里面的文字就消失了. 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点的事件,因为懒,每次都去写非常的烦,于是就一 ...
解决安卓手机H5页面input获得焦点时页面挤压或者底部上移
在安卓手机上,如果底部有一个定位的元素比如一个input 或者一个 footer 在正常情况下是没有问题的, 但是一旦input获得焦点,那么定位元素会被软键盘向上推,ios手机没有问题此时解决办 ...
html5 自动失去焦点,js input失去焦点事件
JS中,何为鼠标失去焦点事件??是onmouseout事件. 用法举例: 鼠标离开文本框的时候触发JS的chk()方法. js 怎样判断ipunt失去焦点 js input失去焦点事件 onfocus ...
Android TV Demo 工程，其中包含 TV 常用的自定义控件，飞框效果实现，外边框效果实现，UI 控件焦点自动处理，使 TV 开发更简单，更高效。
TVLibraryDemo 项目地址:zhangtiansheng/TVLibraryDemo 简介:Android TV Demo 工程,其中包含 TV 常用的自定义控件,飞框效果实现,外边框效果 ...

html获得焦点显示边框,input获得焦点时，如何让外边框不变蓝

html获得焦点显示边框,input获得焦点时，如何让外边框不变蓝相关推荐

最新文章

热门文章