安卓html元素被点击时产生的边框怎么去掉

Posted 2023-03-23

安卓webview中的html界面，点击时产生的边框，可以在js的代码中给元素添加如下属性：-webkit-tap-highlight-color即可去掉边框。
1.webkit内核的浏览器，当用户点击一个链接或者通过js定义的可点击元素的时候，会出现一个半透明的灰色背景或者红色的边框。
2.如果想要禁用高亮，可设置颜色的alpha值为0，也就是属性值的最后一位设置为0就可以去除背景或者边框。去除android链接触摸时产生边框的css代码
a,button,input-webkit-tap-highlight-color:rgba(255,0,0,0);/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */ 参考技术A 直接设置
*
outline:0

就可以了 参考技术B 请截图看看追答

安卓webview中的html界面，点击时产生的边框，可以在js的代码中给元素添加如下属性：-webkit-tap-highlight-color即可去掉边框。
1.webkit内核的浏览器，当用户点击一个链接或者通过js定义的可点击元素的时候，会出现一个半透明的灰色背景或者红色的边框。
2.如果想要禁用高亮，可设置颜色的alpha值为0，也就是属性值的最后一位设置为0就可以去除背景或者边框。去除android链接触摸时产生边框的css代码
a,button,input-webkit-tap-highlight-color:rgba(255,0,0,0);/* 1.去除android a/button/input标签被点击时产生的边框 2.去除ios a标签被点击时产生的半透明灰色背景 */

部分android系统中元素被点击时产生的边框怎么去掉
android用户点击一个链接，会出现一个边框或者半透明灰色遮罩, 不同生产商定义出来额效果不一样，可设置-webkit-tap-highlight-color的alpha值为0去除部分机器自带的效果
a,button,input,textarea
a,button,input-webkit-tap-highlight-color:rgba(0,0,0,0);

-webkit-user-modify:read-write-plaintext-only;

-webkit-user-modify有个副作用，就是输入法不再能够输入多个字符
另外，有些机型去除不了，如小米2
对于按钮类还有个办法，不使用a或者input标签，直接用div标签

上出处链接：www.cnblogs.com/PeunZhang/p/3407453.html