web端学习

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

2018-11-19  本文已影响11人  晨曦诗雨

如图所示

image.png

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读