outline: none; 在 firefox 和 chrome 下都无效吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2450 天前的主题，其中的信息可能已经有所发展或是发生改变。

当鼠标光标(focus)当前点进输入表单，浏览器中的表单边框通常会自动加一个蓝色框（ outline ），想要禁用这个效果，CSS 说把 outline: none ；这样写在 firefox 和 chrome 下都无效，不知道是什么情况：

input:focus,
textarea:focus {
    outline: none;
}

4 条回复 • 2018-04-09 19:58:07 +08:00

forgcode

2018-04-09 15:05:35 +08:00

https://caniuse.com/#search=outline 显示支持,测试也是 ok 的呀！

miniyao

2018-04-09 17:23:58 +08:00

@forgcode 我测试的时候，怎么没法禁用呢，v 站这个回复框 focus 也有一点灰色的 outline，我试了下 chrome/firefox 下也禁用不了，你试怎么测试的？

crs0910

2018-04-09 19:57:10 +08:00 via Android

那是自己加的效果吧。border color 和 box-shadow 都去掉

johnniang

2018-04-09 19:58:07 +08:00 via Android

outline: 0;
border: none