zoukankan      html  css  js  c++  java
  • 屏蔽选择的样式定义:mozuserselect

     

    屏蔽选择的样式定义:-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下是不支持的

  • 相关阅读:
    最短路径-Dijkstra算法(转载)
    递归算法到非递归算法的转换
    向量点乘(内积)和叉乘(外积、向量积)概念及几何意义(转载)
    数据预处理之独热编码(One-Hot Encoding)(转载)
    MyEclipse中手工添加dtd支持
    怎样sublime显示文件夹
    sublime_Text3中snippet设置信息头(包括作者、日期)
    解决Sublime_Text不能安装插件的方法
    Python设置默认编码为UTF-8
    解决火狐启动缓慢的方法
  • 原文地址:https://www.cnblogs.com/liyuxin/p/2067339.html
Copyright © 2011-2022 走看看