手机
当前位置:查字典教程网 >软件教程 >浏览下载 >谷歌浏览器怎么去掉默认焦点边框(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边框)?】相关文章:

谷歌浏览器安装支付宝安全控件的图文方法(火狐)

谷歌浏览器2014各种插件介绍

闪游浏览器怎么改变语言显示

谷歌Chrome浏览器怎么使用infinity插件添加个性化新标签页?

IE浏览器怎么预防弹出不良的站点控制访问内容

火狐浏览器设置滚轮速度教程(图文)

百度浏览器怎么关闭实时预测功?

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

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

腾讯TT浏览器实用技巧九招

精品推荐
分类导航