Css3手机上选不中 |css 鼠标以上图片遮罩

在CSS3中，有一个新的属性叫做user-select，它可以控制用户选择文本时的行为。如果这个属性的值设置为none，那么就可以禁止用户选择该元素内的文本，因此就会导致无法选中按钮、链接等元素。

button, a {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

为了解决这个问题，大家只需要将user-select属性的值设置为auto或unset就可以了。这样就可以让用户在手机上轻松地选中页面上的任何元素了。

button, a {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}

需要注意的是，虽然在移动端上使用user-select:none属性可以保护文字版权等方面的需要，但也会影响用户体验，因此建议仅在必要时使用这个属性。