当单选按钮聚焦时,改变其边界:after

时间:2016-03-10 14:47:50

标签: html css

我有两个自定义样式的单选按钮,我正在尝试突出显示一个焦点的边框,但是因为我已将它们设置为:before和:之后我似乎无法获得:focus target右。

这里是一个jsFiddle https://jsfiddle.net/o5htfhdm/2/ 所需的效果是,当单击(聚焦)单选按钮时,其边框为蓝色,但只要用户单击其他位置,例如在边框下方的文本输入将返回黑色

改变我们只需要的单选按钮边框的颜色

input[type="radio"]:after{
    border-color: #000; 
}

所以现在我要做的是

input[type="radio"]:focus > input[type="radio"]:after{
    border-color: blue;
}

但那不起作用

0 个答案:

没有答案