我有两个自定义样式的单选按钮,我正在尝试突出显示一个焦点的边框,但是因为我已将它们设置为: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;
}
但那不起作用