在浏览器上单击并按住shift时,防止突出显示页面

时间:2011-10-06 02:40:30

标签: html css select

我想知道是否有办法阻止网页在按住Shift键并点击浏览器上的任何位置时突出显示(这种情况发生在Safari中,不确定它是否在任何其他网站上发生),我想防止在Safari中发生这种情况。如果它适用于浏览器,那就是加号。

继续在此页面上尝试。按住shift并单击任意位置。看到突出显示的部分? YUCK!任何帮助将非常感激!提前谢谢!

这是我的HTML页面的布局

<html>

<body>
<div id="content">
<!---- Some random stuff ----->
 </div>
 </body>

</html> 

2 个答案:

答案 0 :(得分:2)

首先,我应该告诉你这可能不是一个好主意,因为用户希望这个基本的网站功能保持一致并始终有效。只是因为你认为它很糟糕,并不意味着每个人都这样做。

完成此操作后,您需要添加一些CSS,使用user-select: none;,通常使用所有常用的供应商前缀,例如mozwebkit,{{1}等等。

jsFiddle

Further Reading

答案 1 :(得分:1)

这可以使用css属性user-select来完成,并在单击鼠标并按下shift键时将其设置为none。

以下是一个示例:http://jsfiddle.net/E2dfk/