正文 

当前位置： 首页 > 问答 >

如何使用 CSS 在 Mozilla Firefox 中启用子输入文本选择？

     2023-03-06     189

关键词：

【中文标题】如何使用 CSS 在 Mozilla Firefox 中启用子输入文本选择？【英文标题】：How can I enable child inputs text selection in Mozilla Firefox using CSS? 【发布时间】：2011-02-18 01:34:08 【问题描述】：

让我们考虑以下场景。我有以下页面，其中所有呈现的元素都必须是不可选择的。

<html>
<head>
    <style type="text/css">
        body 
            -webkit-user-select: none;
            -moz-user-select: none;
        
        div 
            border: solid 1px green;
            padding: 5px;
        
    </style>
</head>
<body>
    <div>
        Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
        nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
        Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
        suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
        vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat
    </div>
    <div>
        <input type="text" value="You can select the text from me" />
        <textarea>
            And me too.
        </textarea>
    </div>
</body>
</html>

input 和 textarea 文本在 Google Chrome 中仍然可以选择，但在 Firefox 中无法选择文本。我已经尝试过以下方法：

input, textarea 
    -moz-user-select: text !important;

而且...它根本不起作用，因为（据我所知）input 和 textarea 嵌套在已经不可选择的文档正文元素中。那么，是否可以在 Firefox 中使用 CSS 启用嵌套用户输入元素的文本选择？

感谢您的建议。

【问题讨论】：

【参考方案1】：

做：

    body 
        -webkit-user-select: none;
        -moz-user-select: -moz-none; /* changed from none to -moz-none */
    
    input, textarea 
        -moz-user-select: text;

工作？

见this page。

【讨论】：

甚至更多：在这种情况下，input, textarea 规则是不必要的。不过，谢谢。 :)

如何让 SWT 浏览器控件在 Windows 上使用 Mozilla 而不是 IE？

】如何让SWT浏览器控件在Windows上使用Mozilla而不是IE？【英文标题】：HowtomakeSWTBrowsercontroluseMozillainsteadofIEonWindows?【发布时间】：2011-01-0609:39:11【问题描述】：我想让SWT在我运行我的应用程序的所有平台上使用Firefox。但是SWT当然... 查看详情

CSS 转换在 Mozilla 浏览器中不起作用

】CSS转换在Mozilla浏览器中不起作用【英文标题】：CSStransformdoesn\'tworkinMozillabrowser【发布时间】：2021-04-2808:39:14【问题描述】：我正在尝试使用输入/标签的组合创建一个3D动画滑块来触发点击转换，但它在Mozillafirefox中不起作用... 查看详情

在 Mozilla 中使用抗锯齿和灰度时属性值无效

】在Mozilla中使用抗锯齿和灰度时属性值无效【英文标题】：InvalidpropertyvaluewhenusingantialiasedandgrayscaleinMozilla【发布时间】：2018-11-0916:13:08【问题描述】：字体平滑在Mozilla（版本60.0.1（64位））中不起作用。我在我的CSS中添加了代... 查看详情

CSS：输入占位符在Mozilla中不起作用后

】CSS：输入占位符在Mozilla中不起作用后【英文标题】：CSS:afterinputplaceholdernotworkinginmozilla【发布时间】：2012-10-0120:16:37【问题描述】：我想在我的文本输入占位符中放一个小图标就在占位符文本结束的地方<inputtype="text"placeholde... 查看详情

如何在 Mozilla Firefox 中获取窗口句柄

】如何在MozillaFirefox中获取窗口句柄【英文标题】：HowToGetWindowhandlesInMozillaFirefox【发布时间】：2015-06-1509:28:50【问题描述】：如何在Mozillafirefox中获取所有子窗口的句柄。Spy++只为所有窗口显示一个类和窗口标题。我尝试使用GetWi... 查看详情

如何从https://developer.mozilla.org上查询对象的属性方法事件使用说明和示例

在https://developer.mozilla.org搜索要在前面加上指令搜索之后点进去进入之后就是这样的在页面左边你可以选择自己要查询的对象里面就是会有属性、方法、事件使用说明和示例。 查看详情

Mozilla Firefox 30.0 上的 CSS3 关键帧过渡动画 CPU 使用率高

】MozillaFirefox30.0上的CSS3关键帧过渡动画CPU使用率高【英文标题】：CSS3keyframetransitionanimationhighCPUusageonMozillaFirefox30.0【发布时间】：2014-08-2821:47:24【问题描述】：这是一个简单的过渡动画，你可以在这里试试：http://jsfiddle.net/fFje2/... 查看详情

我在使用 Mozilla Firefox 和背景图片时遇到问题

】我在使用MozillaFirefox和背景图片时遇到问题【英文标题】：IamhavingissuewithMozillaFirefoxandbackgroundimage【发布时间】：2014-11-1422:02:39【问题描述】：我在一个网站上工作，我在网页上设置了背景图片。我在不同的浏览器上检查了这... 查看详情

如何从 Mozilla Firefox 隐藏滚动条？ [复制]

】如何从MozillaFirefox隐藏滚动条？[复制]【英文标题】：Howtohidescrollbarfrommozillafirefox?[duplicate]【发布时间】：2019-06-0119:42:49【问题描述】：CSS隐藏MozillaFirefox的滚动条，因为我们可以将它隐藏在chrome中，例如：-::-webkit-scrollbar【问... 查看详情

如何通过css样式合并两个输入类型=范围？(代码片段)

...来做到这一点。我是用css风格做的，但主要的问题是它在Mozilla浏览器和IE中不起作用。它只适用于chrome浏览器，我认为这是因为指针事件：无;它没有在Mozilla浏览器中运行。任何的想法？**css:**.price-sliderp 查看详情

Mozilla Firefox 上的 CSS flex 框大小错误问题

】MozillaFirefox上的CSSflex框大小错误问题【英文标题】：CSSflexboxwrongsizeissueonMozillaFirefox【发布时间】：2021-07-1222:08:55【问题描述】：我一直在为我的一个应用程序开发Web仪表板，最近遇到了Flexbox缩放问题，该问题似乎只出现在Fire... 查看详情

webkit 过渡在 Mozilla 和 Opera 中结束？

】webkit过渡在Mozilla和Opera中结束？【英文标题】：webkittransitionendinmozillaandopera?【发布时间】：2011-08-1418:19:19【问题描述】：不知道在mozilla和opera浏览器的Chrome中是否有一些预定义的事件，例如webkitTransitionEnd？如何检测浏览器是... 查看详情

在 Mozilla 和 Chrome 中安装证书

】在Mozilla和Chrome中安装证书【英文标题】：certificateInstallationinMozillaandChrome【发布时间】：2015-03-1423:43:11【问题描述】：如何使用java脚本在Mozilla和Chrome中安装服务器生成的浏览器证书。我有这个方法(varcertData=document.getElementById(... 查看详情

如何使用 C++ 启动 Mozilla Firefox？

】如何使用C++启动MozillaFirefox？【英文标题】：HowcanIlaunchMozillaFirefoxusingC++?【发布时间】：2014-07-0607:54:02【问题描述】：通过像Code::Blocks这样的编译器编译，我尝试了以下，有点不起作用：/*RunningFirefox.exe*/#include<stdio.h>/*using... 查看详情

如何在 Tensorboard 中查看 Mozilla TTS 训练性能？

】如何在Tensorboard中查看MozillaTTS训练性能？【英文标题】：HowdoIviewMozillaTTStrainingperformanceinTensorboard?【发布时间】：2021-06-0517:25:24【问题描述】：MozillaTTS的许多文档都提到在Tensorboard中检查图表或将Tensorboard图表发布到论坛。我... 查看详情

如何在 Mozilla Firefox 中禁用 CORS？

】如何在MozillaFirefox中禁用CORS？【英文标题】：HowtodisableCORSinmozillafirefox?【发布时间】：2017-05-1417:11:21【问题描述】：如何在Firefox中禁用网络安全或如何在开发过程中解决Firefox中的CORS问题？尝试了但没有成功：“about:config”中... 查看详情

使用 Mozilla PDFJS 如何显示所有页面而不是一个

】使用MozillaPDFJS如何显示所有页面而不是一个【英文标题】：usingmozillaPDFJShowtoshowallpagesnotasingle【发布时间】：2021-05-0513:52:16【问题描述】：请帮忙，我尝试了很多解决方案来逐一显示所有页面，但我得到不同的错误，所以现在... 查看详情

使用 Rhino（Mozilla 的 rhino）的优点

】使用Rhino（Mozilla的rhino）的优点【英文标题】：AdvantagesofusingRhino(mozilla\'srhino)【发布时间】：2010-12-0102:57:41【问题描述】：我一直在阅读有关Rhino作为在我的Java代码中实现JavaScript的有用方法的文章。在阅读了一段时间后，在goo... 查看详情