html单选按钮聚焦状态？

Question

我想知道css中是否有类似于android xml中的选择器的东西：

<item android:state_selected="false" android:state_focused="true" android:state_pressed="false" android:drawable="@drawable/button_hover_background" />

我在html页面上使用radiobuttons，它将使用遥控器（箭头＆lt; - ， - ＆gt;和OK按钮）工作，因此用户应该知道此刻选择了哪个单选按钮，这样他就可以导航并选择他想要的。 我试图使用：

input:focus, input:hover{
        border-style:solid;
        border-width:3px;
        border-color: #ccc; 
    }

但我没有达到预期的效果。

有什么建议吗？

注意：按下状态工作正常，选择或聚焦状态是问题。