Question

js html5手机web开发---如何阻止点击元素产生的高亮效果..诸如<a>标签,带有onclick的元素

就比如，有<a>标签....如果他又href属性，那么在手机显示的时候，触摸到这个元素就会有高亮效果，于此类似还有 onclick属性，比如ul li标签，本来点击木有效果，加了onclick就会出现效果...

我希望是出现高亮效果的，但是现在有一个问题...比如我修改了<a>的样式，就是让他有圆边的，border-radius:20px;
他呈现在页面的时候是圆边的，但是你点击下去的时候，他的高亮部分是矩形的，就是他没有圆边，这样一看就很不好的效果...li等其他元素也是...如果加入了onclik他就会自带一个高亮效果了，而且还不圆边。
如下面这个图，假设li元素 宽高100 50..圆角10px..

当点击高亮的时候，中间是变红了，但是四周的角也会变红高亮，我要把这四个角去掉怎么弄。
貌似overflow :hidden 无效啊

Answer 1

试试这个-webkit-tap-highlight-color:rgba(0,0,0,0); 在a标签CSS上加上这句。

追问

a标签是解决了

但是吧这个样式 放在li的样式里面 没有效果啊 我的li绑定了 onclick，点击的时候也有高亮的

Answer 2

高亮是浏览器特效 我没见过能去掉的方法

追问

我不是说要去掉,,,我是要改他的效果....连问题就没看完

怎么不能弄，jquery mobile就能实现，点击就没有边角的