Kendo UI PanelBar - 删除所选面板上的自动样式

Question

我在我的网页上实施了一个Kendo PanelBar。我对CSS / HTML很陌生，所以我对如何删除PanelBar上的默认样式感到很遗憾。当我选择一个面板时，它打开正常，看起来很好。当我将鼠标从打开的面板上移开时，打开的面板上会出现橙色边框。我附上了两张显示问题的图片。

当我将鼠标悬停在打开的面板上时，一切看起来都很好：

当我移开鼠标时，有一个橙色边框：

有谁能告诉我如何删除这个边框？

Answer 1

我不确定它是什么元素，因为你没有给出确切的代码。

但是你可以使用一个简单的css，找到该元素并应用css来移除橙色边框。

Answer 2

我有同样的问题。在http://demos.telerik.com/kendo-ui/themebuilder/处使用Kendo Theme Builder，然后加载默认主题。您应该会看到主题制作工具面板显示在屏幕的右下角。寻找“Widget States”下拉列表。您将看到那里的选项，您可以更改橙色边框颜色。

现在，如果要完全删除橙色边框和活动状态，则需要打开kendo.default.min.css文件并为十六进制颜色代码＃f35800执行CNTRL + F（查找）。仔细查看选择器以确保修改正确的样式（即.k状态选择）

然后当您确定您有正确的选择器时，将颜色更改为“透明”（即边框颜色：透明）

这对我有用

Answer 3

我遇到了同样的问题，并向剑道支持提交了一张票。 Iliana Nikolova提供了以下内容：

.k-panelbar .k-state-focused.k-state-selected {
    box-shadow: none;
}

在我的解决方案中，panelBar框阴影仍在显示，然后我使用了页面检查器（F12）并使用box-shadow：none测试了以下规则;财产，这对我有用。

.k-state-selected > .k-link, .k-panelbar > li > .k-state-selected, .k-panelbar > li.k-state-default > .k-state-selected.k-link {
            background-color: #C7D3A9;
            color:black;
            box-shadow: none;
}

在你发布之前，我正在搜索一大堆代码而没有任何地方。我使用了使用主题构建器的建议并拍摄了一个视频（使用Windows媒体编码器9），我通过说明它帮助生成更好的剑道响应的问题。 Iliana没有使用修复程序返回我的代码，所以这让我挂了，但他确实提供了关键元素。

如果您发现此问题已解决问题，请投票回答。其他同样有帮助的人也请提供积极的反馈。