手机
当前位置:查字典教程网 >软件教程 >浏览下载 >谷歌浏览器怎么去掉默认焦点边框(input边框)?
谷歌浏览器怎么去掉默认焦点边框(input边框)?
摘要:使用谷歌浏览器时,当鼠标焦点在文本输入框(input、textarea)时,谷歌浏览器默认会给它们加上边框,但我们有时并不需要这边框,所以要...

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

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

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

复制内容到剪贴板 <html> <head> <style> </style> </head> <body> <inputtype="text"id="a"/> <textareaid="b"></textarea> </body> </html>

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

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

复制内容到剪贴板 input,textarea:focus{ outline:none; }

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

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

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

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

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

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

复制内容到剪贴板 *:focus{ outline:none; }

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

【谷歌浏览器怎么去掉默认焦点边框(input边框)?】相关文章:

闪游浏览器怎么登陆

Chrome谷歌浏览器已经关闭的网页?

Chrome浏览器怎么设置平滑滚动效果?

糖果游戏浏览器网页缓存怎么一键清除?

ie浏览器代理设置方法 怎么给IE浏览器设置代理?

360浏览器怎么设置兼容模式

2345浏览器怎么翻译整个网页?

千影浏览器怎么保存网站密码?

百度浏览器怎么快速设置所有网页的缩放比例?

ie浏览器怎么设置禁止迅雷自动启动?

精品推荐
分类导航