Kendo UI:点击后移除收音机按钮

Question

我正在使用Kendo (MVC)来创建一个单选按钮，经过一些位置调整后，这个按钮工作得很好。然而，在单选按钮被点击后，会有一种恼人的光芒围绕在它周围。只有当单选按钮仍然有焦点并且鼠标不再悬停在单选按钮上时，它才是可见的。我看过Chrome开发工具中的样式，我无法找到这种样式的应用位置。一张我所说的图片：

​

​

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

我还查看了chrome提供的四个元素状态(:active，:focus，：悬浮，：访问)，而这些状态似乎都没有我想要的风格(甚至没有显示出相同的行为)。

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

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;