Question

试图让某些

标签内的文字在iPad上无法选择，但似乎没有任何效果。有人可以帮忙吗？

#unselectable{
  font-size: 2em;
  -webkit-touch-callout: none; 
  -webkit-user-select: none; 
  -khtml-user-select: none; 
  -moz-user-select: moz-none; 
  -ms-user-select: none; 
  -o-user-select: none; 
  user-select: none;
}

<p id="unselectable">Make this text unselectable, also on ipad.</p>

Answer 1

只需在css中复制以下代码

即可

-webkit-touch-callout: none;

所以你的CSS会像这样

#unselectable{
  font-size: 2em;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Chrome/Safari/Opera */
  -khtml-user-select: none; /* Konqueror */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
   user-select: none; /* Non-prefixed version, currently
                              not supported by any browser */
 }

希望它能在野生动物园中发挥作用。让我知道！

使文字无法在iPad上选择

1 个答案: