Kendo UI：单击后删除单选按钮发光

Question

我正在使用 Kendo UI (MVC) 创建一个单选按钮，在进行一些位置调整后可以正常工作。但是，单击单选按钮后，周围会出现令人讨厌的光晕。只有当单选按钮仍然具有焦点并且鼠标不再悬停在单选按钮上时，它才可见。我查看了 Chrome 开发人员工具中的样式，但无法找到应用此样式的位置。我在说什么的图片：

您可以在选择“Moonlight”主题（单击右上角的“Moonlight”主题后找到“Live”示例鼠标不再悬停在所选项目上。

我还查看了 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 到前一个.k-radio-label 的:before puesdo 元素

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