开发者社区> 问答> 正文

Android WebView 焦点橙色边框:配置报错

大神们您好,想请教一个问题,当Android使用WebView组建的时候,
里面的Html元素如 input  img select ...  获得焦点的时候都会有个黄色的边框
请问下如何去掉这个边框,

*, *:active, *:focus {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 1)!important;
    -webkit-focus-ring-color: rgba(0, 0, 0, 1)!important;
    outline: none!important;
	-webkit-appearance:none;
}

这些CSS样式我都试过了无效 求大神们支支招..

展开
收起
kun坤 2020-06-03 14:52:25 1177 0
1 条回答
写回答
取消 提交回答
  • 没人弄过吗 ??? 
    不要沉了. ###### 擦 今天无意中解决了. 原来
    webview 的点击事件加载顺序是 
    ontouchstart  (jQuery bind(touchstart,function...))
    (.. 这里不知道有什么,但应该就是这里给元素加上了边框..)
    onclick .... 中间估计有一堆东西,所有click才会反应这么慢. ###### 没懂。楼主是怎么解决的?我真是黔驴技穷了
    input, input:focus, input:active, input:hover{border:none; outline:none; background-color:transparent;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

    一点击还是出现蓝色框和白色背景

    突然搜到一篇文章,解决了也:

    a:focus,input:focus{     -webkit-tap-highlight-color:rgba(0,0,0,0);     -webkit-user-modify:read-write-plaintext-only; }

    2020-06-03 17:50:48
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
58同城Android客户端Walle框架演进与实践之路 立即下载
Android组件化实现 立即下载
蚂蚁聚宝Android秒级编译——Freeline 立即下载