如果浏览器验证器说＆＃34;项目不可调焦，我该怎么办？＆＃34;？

Question

我有这样的表格：

<form>
    <input type="radio" name="some" id="some-1" required>
        <label for="some-1"><span></span>Some 1</label>
    <br><br>
    <input type="radio" name="some" id="some-2" required>
        <label for="some-2"><span></span>Some 2</label>
    <br><br>
    <input type="submit">
</form>

我有这个用于无线电输入的CSS：

input[type="radio"] {
    display: none;
}

input[type="radio"] + label span,input[type="radio"]:checked + label span {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: -2px 8px 0 0;
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"] + label span {
    background: url([long url]) no-repeat;
}

input[type="radio"]:checked + label span {
    background: url([long url]) no-repeat;
}

我知道对于浏览器验证器我必须显示所有无线电输入，但我该如何处理呢？

Example on JSFiddle.