Question

我正在使用Kendo UI（MVC）创建一个单选按钮，在一些位置调整后工作正常。然而，单击单选按钮后会有恼人的发光。只有当单选按钮仍然具有焦点并且鼠标不再悬停在单选按钮上时，它才可见。我查看了Chrome开发人员工具中的样式，但我无法确定应用此样式的位置。我正在谈论的图片：

在选择“月光”主题后，您可以找到我正在谈论的here的“实时”示例（点击右上角的“更改主题”。）在该示例中，所选的单选按钮变为当鼠标不再悬停在所选项目上时橙色。

我还查看了chrome提供的四个元素状态（：active，：focus，：hover，：visited），这些状态似乎都没有我想要的样式（甚至没有显示相同的样式）行为）。

我仍然对网络方面很陌生，所以很可能我错过了一些东西，我只是希望我知道它是什么。

Answer 1

根据您提供的演示页面，您正在寻找的样式是：

.k-radio:focus+.k-radio-label:before {
    border-color: #f9b303;
    -webkit-box-shadow: 0 0 3px 0 #f4af03;
    box-shadow: 0 0 3px 0 #f4af03;
}

该样式在单选按钮的:focus上应用于前一个:before

的.k-radio-label puesdo元素

只需创建一个针对此的新样式并设置box-shadow: none;