如何阻止用户从其他元素中选择不可选择的元素?

时间:2013-02-22 20:41:01

标签: css selection highlighting

我有一些带有图像的div来形成按钮。

我试图让它全部无法选择,但我的页面上还有一些其他div需要可选择,我仍然可以从中选择禁用的div。

使用您的标准禁用了无法选择的div:

div#ControlsDiv {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

div#ControlsDiv * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;                      
}

1 个答案:

答案 0 :(得分:1)

您尝试使用的技术似乎有点过于简单,请猜测是什么,它是:https://developer.mozilla.org/en-US/docs/CSS/user-select#Browser_compatibility

基于此我立即停止使用它。

Div show / hides通常在javascript中完成,这里有关于如何在javascript& jQuery的:

Enable & Disable a Div and its elements in Javascript