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

2018-04-09 14:11:49 +08:00
 miniyao

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

input:focus,
textarea:focus {
    outline: none;
}
1773 次点击
所在节点    CSS
4 条回复
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
那是自己加的效果吧。border color 和 box-shadow 都去掉
johnniang
2018-04-09 19:58:07 +08:00
outline: 0;
border: none

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/445348

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX