css - 剑道用户界面 : Remove the Radio Button Glow After Clicked

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 到紧接在前的 .k-radio-label 的 :before puesdo 元素>

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