谷歌浏览器怎么去掉默认焦点边框(input边框)?
发布时间:2015-12-08 12:40:03 作者:佚名 我要评论
谷歌浏览器怎么去掉默认焦点边框?谷歌浏览器中默认是给文本输入框加上边框的,但是当我们不需要变宽的时候就可以去掉,下面分享去掉谷歌浏览器边框的教程,需要的朋友可以参考下
使用谷歌浏览器时,当鼠标焦点在文本输入框(input、textarea)时,谷歌浏览器默认会给它们加上边框,但我们有时并不需要这边框,所以要通过代码去掉。
1、获得焦点时,默认会出现边框
复制内容到剪贴板
- <html>
- <head>
- <style>
- </style>
- </head>
- <body>
- <input type="text" id="a" />
- <textarea id="b"></textarea>
- </body>
- </html>
2、在CSS中用下面的代码可以去掉边框:
复制内容到剪贴板
- input,textarea:focus {
- outline: none;
- }
3、如果需要,可以给元素增加边框样式: input,textarea:focus { outline:Blue Solid 4px; } ,但要先去掉:input,textarea:focus {outline: none;}
4、如果你想去掉所有默认边框可加入下面代码:
复制内容到剪贴板
- *:focus {
- outline: none;
- }
相关推荐:
win10中Chrome谷歌浏览器看视频提示could't load plugins该怎么办?
相关文章
- 谷歌浏览器是三大主流浏览器之一,熟练使用它是必要的。今天和大家分享一下谷歌浏览器下载文件的默认保存位置如何修改,希望能对大家有所帮助2016-04-24
- 谷歌google浏览器怎么添加信任站点?如果有经常访问的站点,但是浏览器又不能正常打开,这时候我们就可以将这个网站设置为受信任的站点,下面我们来看看谷歌浏览器设置受信2016-04-21
- 谷歌Chrome浏览器怎么设置打开网页自动翻译?经常需要上外网,但是英语是在不好,虽然谷歌浏览器有翻译插件,但是每次都点击翻译也挺麻烦,怎么让谷歌浏览器打开网页就自动2016-04-19
- chrome(谷歌浏览器)有自动翻译功能,可以在你进入非母语的网页时弹出提示条问你是否进行翻译,基本什么语言都能翻,今天小编就来介绍一下2016-04-19
- 谷歌google浏览器怎么清除浏览记录?浏览器经常看网页,所以留下很多浏览记录,想将这些记录删除,该怎么删除呢?今天我们来看看谷歌浏览器清除缓存的详细教程2016-04-19
- 谷歌搜索不能用该怎么办?谷歌退出中国后,虽然能上谷歌,但是却不能在谷歌中搜索,该怎么解决这个问题呢?今天我们就来看看利用百度浏览器开启海外加速来解决这个问题的方2016-04-10
- 谷歌chrome浏览器怎么手动更换显示语言?我们的谷歌浏览器正常情况下都是显示中文的页面,但是偶尔需要显示英文或者其他语言的文字该怎么设置呢?下面我们来看看详细的设置2016-04-06
谷歌浏览器打开bilibili(B站)显示火星文乱码该怎么办?
浏览器打开bilibili(B站)显示火星乱码该怎么办?在fb表情包大战中ab站功不可没,今天使用谷歌浏览器去b站看看,没想到竟然显示的全是火星文和乱码,该怎么办呢?下面分享详2016-01-28- 谷歌chrome浏览器字体模糊看不清该怎么办?电脑浏览器打开网页字体很模糊看不清楚,设置了分辨率以后还是很模糊,该怎么办呢?下面分享这个问题的解决办法,需要的朋友可以2016-01-05
- 新版谷歌53.0浏览器不能用支付宝旺旺插件怎么办?很多朋友最近升级谷歌新版本,发现阿里插件不能用了,针对这一问题,小编带来了解决方法,来看看吧2016-05-09
最新评论