-moz-user-select属性-创新互联

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

简单实例:

桐庐网站制作公司哪家好,找创新互联!从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设公司等网站项目制作,到程序开发,运营维护。创新互联从2013年成立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

ff下不能选择我!

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

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

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

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

关系列表:

Input表单中文字

一般页面文字

设置none

不可选

不可选

设置moz-none

可选

不可选

设置moz-all

不可选

可选

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

实例4:

         dfdfdfd

         

                       

  • 可以选择我
  •                    

  • 可以选择我
  •          

   

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

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

         

         

                       

  • 不能选择我
  •                    

  • 不能选择我
  •          

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

IE下 阻止所有的文字被选中;


文章标题:-moz-user-select属性-创新互联
文章来源:http://azwzsj.com/article/desehs.html