1

http://jsfiddle.net/gBG65/4/

In emulation of my actual project, here we have a text input within a div. The div and everything else in it must be unselectable, hence its CSS. But the form ought not to be that way, hence its CSS, yet it is anyway. Even though if I inspect the element, it inherited everything correctly and ought to be working, it is still unselectable.

This is Firefox only.

Any explanations or fixes?

div * {
    -moz-user-select: -moz-none;
    cursor:default;
}

input {
    cursor: auto;
    -moz-user-select: -moz-user-select:text;
}
temporary_user_name
  • 30,801
  • 41
  • 120
  • 186

1 Answers1

3

If you read the docs

You can see it is -moz-none;

And to re-enable use: -moz-user-select: text;

Also remove the *...

Example

Ron van der Heijden
  • 13,198
  • 7
  • 52
  • 79