How to override "-moz-user-select:none"

[Daniel Kabs]

Hello,

I just figured that there is this Mozilla/Gecko/Firefox specific style
property

-moz-user-select

which indicates whether text of an element can be selected. See e.g.
http://xulplanet.com/references/elemref/ref_StyleProperties.html

Web sites can use this CSS to discourage users from copying text from
their web page.

When viewing web pages, I'd like to be in power of command. How can I
override this style? I know that I can install "Web Developer" extension
and disable CSS through it. But I'd rather see a configuration option
(like dom.disable_window_move_resize) e.g.

css.override.moz-user-select = normal

to enforce my settings.

Cheers
Daniel

[»Q«]

Daniel Kabs <moz...@kabsi.de> wrote in
<news:rqadnSgKLY-...@mozilla.org>:

> Hello,
>
> I just figured that there is this Mozilla/Gecko/Firefox specific
> style property
>
> -moz-user-select

[snip]

> When viewing web pages, I'd like to be in power of command. How
> can I override this style?

In general, the way to override web pages' css is with userContent.css,
which lives in the chrome directory of your profile. (If there's not
one already there, you can create one. There should at least be a
userContent-example.css file in there already.)

In this case, to apply "-moz-user-select: normal" to all page elements,
use

* { -moz-user-select: normal !important }

I think user-select is part of the CSS3 spec (but I'm not looking it
up), so to future-proof things, you might also want to add

* { user-select: normal !important }

--
»Q«