代码之家  ›  专栏  ›  技术社区  ›  derekerdmann

禁用WebKit表单输入阴影[重复]

  •  10
  • derekerdmann  · 技术社区  · 15 年前

    可能重复:
    How to remove border around text/input boxes? (Chrome)

    当表单元素收到焦点时,是否有方法禁用webkit浏览器生成的彩色阴影?它在chrome中是黄色的,在safari中是蓝色的,并且妨碍了我尝试实现的任何自定义焦点样式。

    2 回复  |  直到 15 年前
        1
  •  29
  •   Crozin    15 年前

    试试这个:

    input:focus {
        outline: none;
    }
    
        2
  •  1
  •   ЯegDwight kri    15 年前

    你可以试试 outline: none 但请注意,由于可用性的原因,这通常不是真正需要的。始终保持 Jakob Nielsen's “网络用户体验法则”的理念:

    用户的大部分时间都花在其他网站上。

    这意味着他们形成了他们对你的网站的期望,基于大多数其他网站通常做的事情。如果你偏离,你的网站将更难使用,用户将离开。