将样式应用于剑道网格中的布尔过滤器答案

【问题标题】：Apply style to boolean filter in kendo grid将样式应用于剑道网格中的布尔过滤器
【发布时间】：2017-03-02 18:08:52
【问题描述】：

剑道网格中布尔字段的过滤器如下所示：

我需要将字体粗细设置为正常，并增加内容和单选按钮之间的间距。任何人都可以建议它是否可行，如果可以，那么如何？

是否也可以编辑过滤器按钮的样式？

本专栏我的代码sn-p如下：

{field: "IsValid", title: "Valid Value", type: "boolean", 
                            template: kendo.template('#= IsValid? "Yes" : "No" #'),                            
                            filterable: {
                                messages: { info: "Select: ",  isTrue: "Yes", isFalse: "No" }
                            }}

我尝试在消息部分应用样式，如示例中所示，但没有成功：

messages: { info: "Select: ", isTrue: "Yes", isFalse: "No", style : "font-weight : normal;" }

任何帮助将不胜感激。

【问题讨论】：

标签： javascript css kendo-grid

【解决方案1】：

是的。我们面临类似的情况。我们用一些 CSS 技巧修改了它，保留在样式标签中。覆盖 div 内的标签以显示这些单选按钮。由于引导样式，目前情况如此。像下面这样骑过去。

.k-filter-menu div label
{
display:inherit !important;// instead of *inline-block*;
}

【讨论】：