Fix UAs required message position on grouped radio buttons

Instead of not rendering the element at all with display:none, use opacity:0 and z-index:-1 so the radio element has a defined position on the document and user agents can show the required message in the right place.
Merge pull request #12794 from epidemian/required-radio-button-groups

Fix UAs required message position on grouped radio buttons