In all browsers, if you type something into input, and then click on the associated label, the caret is set after the last character typed, and only the contents of input are highlighted in Firefox. How to align the behavior, preferably without using javascript?

<label>Click me <input type="text" /></label>

https://jsfiddle.net/yn2u73j1/

    1 answer 1

    https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-user-focus

     label{ -moz-user-focus: ignore; } 
     <label>Click me <input type="text" /></label>

    • one
      Already tried - it helps only partially, if you remove the focus from the input, and then click on the label, again everything stands out. - n00by