【问题标题】:deactivate CSS “user-select” globally全局停用 CSS “用户选择”
【发布时间】:2021-07-20 17:22:28
【问题描述】:

我刚刚遇到一个使用 CSS 属性 -moz-user-select 的网站, 设置为 none,作为反用户措施:

#content {
 -moz-user-select:none;
 -webkit-user-select:none;
 -ms-user-select:none;
 user-select:none
}

如何在 Firefox 中完全禁用 user-select?我在看 一个永久的、无条件的和不可替代的解决方案,比如 编译标志或保证为的配置设置 有效的。预期的行为是浏览器处理所有文本 再次可选择,就好像该属性一开始就不存在一样。

【问题讨论】:

    标签: css firefox


    【解决方案1】:

    尝试使用 this 扩展,它明确声明了“将自定义 JavaScript 代码或样式 (CSS) 添加到特定页面或所有页面”的功能。

    如果您将以下 CSS 添加到所有页面,它应该撤消效果,除非开发人员(出于某种原因)在其声明之一中使用了 !important

    * {
      -webkit-user-select: unset;
      -moz-user-select: unset;
      -ms-user-select: unset;
      user-select: unset;
    }
    

    如果任何特定网站给您带来麻烦,您自然可以使用更好的选择器 - 只需增加特异性。

    完全披露:我从未使用过我链接的扩展程序,因此我无法保证。我只是在做它声称要做的事情。

    【讨论】:

      【解决方案2】:

      您可以通过在浏览器中添加自定义样式来实现此目的。我使用Stylus 插件。它是 chrome 扩展 Stylish 的一个分支。

      1. 安装插件
      2. 点击管理
      3. 写出新风格
      4. 在代码部分添加这些行
      * {
        -webkit-user-select: auto;
        -moz-user-select: auto;
        -ms-user-select: auto;
        user-select: auto;
      }
      

      您不必添加!important 规则。默认情况下,扩展强制应用自定义样式。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2017-02-01
        • 2017-03-09
        • 1970-01-01
        • 2016-12-25
        • 1970-01-01
        • 2010-11-06
        • 1970-01-01
        相关资源
        最近更新 更多