鸿 网 互 联 www.68idc.cn

当前位置 : 服务器租用 > 软件教程 > 浏览下载 > >

谷歌浏览器怎么去掉默认焦点边框(input边框)?

来源:互联网 作者:佚名 时间:2015-12-11 07:17
谷歌浏览器怎么去掉默认焦点边框?谷歌浏览器中默认是给文本输入框加上边框的,但是当我们不需要变宽的时候就可以去掉,下面分享去掉谷歌浏览器边框的教程,需要

谷歌浏览器怎么去掉默认焦点边框?谷歌浏览器中默认是给文本输入框加上边框的,但是当我们不需要变宽的时候就可以去掉,下面分享去掉谷歌浏览器边框的教程,需要的朋友可以参考下

使用谷歌浏览器时,当鼠标焦点在文本输入框(input、textarea)时,谷歌浏览器默认会给它们加上边框,但我们有时并不需要这边框,所以要通过代码去掉。

谷歌浏览器怎么去掉默认焦点边框(input边框)?

1、获得焦点时,默认会出现边框

复制内容到剪贴板

<html>   

  

<head>   

  

    <style>   

  

    </style>   

  

</head>   

  

<body>   

  

    <input type="text" id="a" />   

  

    <textarea id="b"></textarea>   

  

</body>   

  

</html>   

谷歌浏览器怎么去掉默认焦点边框(input边框)?

2、在CSS中用下面的代码可以去掉边框:

复制内容到剪贴板

input,textarea:focus {   

  

           outline: none;   

  

      }  

谷歌浏览器怎么去掉默认焦点边框(input边框)?

谷歌浏览器怎么去掉默认焦点边框(input边框)?

3、如果需要,可以给元素增加边框样式:  input,textarea:focus { outline:Blue Solid 4px; } ,但要先去掉:input,textarea:focus {outline: none;}

谷歌浏览器怎么去掉默认焦点边框(input边框)?

谷歌浏览器怎么去掉默认焦点边框(input边框)?

4、如果你想去掉所有默认边框可加入下面代码:

复制内容到剪贴板

*:focus {   

  

            outline: none;   

  

       }  

谷歌浏览器怎么去掉默认焦点边框(input边框)?

网友评论
<