屏蔽选择的样式定义:-moz-user-select

本文介绍了如何使用-webkit-user-select和-moz-user-select属性阻止用户在Firefox浏览器中选择文本内容。详细解释了none、-moz-all及-moz-none三个属性值的区别,并通过实例展示了如何在不同元素上应用这些属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

屏蔽选择的样式定义:-moz-user-select属性(只支持ff) - 彪

屏蔽选择的样式定义:-moz-user-select属性(只支持火狐firefox)。

简单实例:

<div style="-moz-user-select:none;" >ff下不能选择我!</div>

该属性可以说有三个属性值:

1、 none:在FF2.0测试,用none,子元素所有的文字都不能选择,包括input输入框中的文字也不能选择。

2、 -moz-all:子元素所有的文字都可以被选择,但是input输入框中的文字不可以被选择。

3、 -moz-none:子元素所有的文字都不能选择,但是input输入框中的文字除外(已经过测试)。

关系列表:

 

Input表单中文字

一般页面文字

设置none

不可选

不可选

设置moz-none

可选

不可选

设置moz-all

不可选

可选

当-moz-all 和 -moz-none嵌使用时,其实遵循以上关系列表,例如:

<STYLE>

#my2

{

         -moz-user-select:-moz-none;

}

.test

{

         -moz-user-select:-moz-all;

}

</STYLE>

<body>

实例4:

<DIV id="my2">

         <INPUT TYPE="text" NAME=""><span>dfdfdfd</span>

         <ul class="test">

                   <li>可以选择我</li>

                   <li>可以选择我</li>

         </ul>        

   </DIV>

</body>

在ff和ie设置文字都不选中,例如下面代码实现:

实例5:设置ie下文字不可选

<div style="-moz-user-select:none;" onselectstart="javascript:return false;">

         <input type="text" value="不能选择我"/>

         <ul>

                   <li>不能选择我</li>

                   <li>不能选择我</li>

         </ul>

</div>

IE浏览器下是通过 onselectstart="javascript:return false;"事件来实现,该方法ff下是不支持的

转载于:https://www.cnblogs.com/liyuxin/archive/2011/06/01/2067339.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值