html - 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 页面，该单选按钮将使用遥控器（箭头 <-、-> 和 OK 按钮），因此用户应该知道当前选择了哪个单选按钮，以便他可以导航并选择他想要的. 我试图使用：

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

但我没有得到想要的效果。

有什么建议么？

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