如何在Opera移动浏览器中禁用高亮选择

时间:2014-06-17 12:23:29

标签: javascript html css

当我通过Opera移动浏览器(12.10.ADR-1309251116)按下页面按钮时,会出现一个高亮选择。因为高亮度选择在我的图形离开屏幕后延迟约0.5秒,我想要禁用它,但是失败了。这是我的代码片段:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    
    <meta name="viewport"
      content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
</head>

<body>

<style type="text/css">
   * {
      margin: 0;
      padding: 0;
       list-style-type: none;
   }

.btn{
    width: 100px;
    height:  50px;
    margin: 20 auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);    
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drga: none;
    -webkit-touch-callout: none;
}
</style>
<body>  
    <button class="btn unselectable" unselectable="on"  >click me</button>
</body>
</html>

enter image description here

有什么建议吗?

1 个答案:

答案 0 :(得分:0)

使用 Opera Classic 上的user-select: none来阻止文本/元素选择是不可能的,请参阅Here