Question

According to MDN the -moz-user-select-property on an element will be set on all sub-elements as well. It also states the user-selection can be re-enabled on sub-elements using -moz-user-select:text.

I can not get this to work on my input-elements in firefox, but it works in Chrome. Any idea on how to fix this?

Example: http://jsfiddle.net/NBNpF/3/ (Try to put focus in the input-box, it only works in Chrome, not Firefox). I am using FireFox 18.0.2

Answer 1

I found the solution I think, the key was to replace -moz-user-select: none; with -moz-user-select: -moz-none; instead.

so Your CSS must be like :

.unselectable {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}

I updated your jsfiddle : http://jsfiddle.net/NBNpF/7/

I Hope this help.