前端 - date属性的input文本框在微信上会出现奇怪的边框？

问题描述

已经设置了border为none，为什么还会出现这样的情况呢？uc上没问题，qq和微信是这种情况。还有为什么qq和微信点击元素周围会有个蓝色的框，放开就没有了

.form-group input[type='date'] { border: none;}

问题解答

outline: 0;-webkit-appearance: none;就去掉了

加上 outline: none;

试试加上outline:0

.form-group input[type='date'] { border: 0; outline:0;}回答5：

方法楼上都说了，我解释一下原因；基于webkit内核的浏览器会默认给input加上一个蓝色或黄色的outline。