美文网首页web端学习
如何去掉input文本域选中后会出现蓝边框

如何去掉input文本域选中后会出现蓝边框

作者: 晨曦诗雨 | 来源:发表于2018-11-19 11:51 被阅读11次

如图所示

image.png

我们想要将inptut文本域的蓝色外框去掉,设置自己的样式,需要在你想要改变标签的样式中这样设置

    &:hover,
    &:active,
    &:focus{
      outline: 0;
      border-radius: 10px;
      border: 2px #0066cc solid;
    }

设置这个三个属性样式就可以去掉了,并且出现自己想要设置的结果。

感谢您可以看到这篇文章,多多鼓励,让我们共同学习不一样的知识,共同进步,谢谢···

相关文章

网友评论

    本文标题:如何去掉input文本域选中后会出现蓝边框

    本文链接:https://www.haomeiwen.com/subject/xfpofqtx.html