通过快速按钮点击阻止文本选择

时间:2011-12-13 18:45:16

标签: html css

我有一个带有“上一页”和“下一页”按钮的div的幻灯片。

div内部是一个字符“<”或“>”。

问题是,当快速点击按钮滚动图片时,文本会被选中。

我尝试了一些CSS技巧来阻止选择按钮文本,但它通常最终会在页面下方选择文本。如果没有JS黑客,它也不是跨浏览器兼容的。

如果div中没有​​字符,则效果很好。我尝试用带透明div的角色覆盖div,但似乎只要下面有一个角色,文本就会被选中。

有任何建议可以防止这种情况发生吗?我宁愿解决方案不涉及javascript。

感谢。

2 个答案:

答案 0 :(得分:7)

您可以使用按钮:

<button>&gt;</button>

答案 1 :(得分:2)

我相信这可以通过css完成,你必须使它具有浏览器特定性,所以如果你也分配它你的&lt;文本

   -webkit-user-select: none;
   -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;