返回顶部

收藏

移除webkit浏览器在文本框获得焦点时的黄框

更多

如下图所示,chrome和firefox浏览器在获得焦点时都会默认显示边线。

focus border

我们可以通过css样式设定不显示边线,如下代码:

<!doctype>
<html>
<head>
  <style>
  .noFocus:focus{
    outline:none;
  }
  </style>
</head>
<body>
<form>
  <input class="noFocus" type="text"/>
</form>

</body>
</html>

标签:css

收藏

0人收藏

支持

0

反对

0

发表评论