css - 剑道分离器 : resizing collapsible icon

Kendo Splitter 有一个我想使用的可折叠属性。然而，图标是一个非常小的箭头，根本不直观，用户几乎看不到它。即使他们知道它在那里，图标也很小，点击它需要一些时间，因为悬停这样一个小图标并没有那么快。

我想让它变大。我设法扩大了分隔线本身

.k-splitbar.k-splitbar-horizontal{
    width: 20px;
}

但不是小图标。

我从一个和我有完全相同问题的用户那里找到了 this post，但那里的解决方案不起作用，用户也没有给出任何反馈。

最佳答案

如前所述，您可以覆盖规则，这里是平面主题

.k-splitbar-horizontal .k-resize-handle {
   background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -330px -573px;
   width: 20px; height: 20px;
}
.k-splitbar-horizontal-hover > .k-resize-handle {
   background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -360px -573px;
   width: 20px; height: 20px;
}

.k-splitbar-horizontal .k-icon.k-expand-prev{
   background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -331px -389px;
   width: 20px; height: 20px;
}
.k-splitbar-horizontal .k-icon.k-collapse-prev{
   background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -331px -454px;
   width: 20px; height: 20px;}

.k-splitbar-horizontal-hover > .k-icon.k-expand-prev{
   background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -361px -389px;
   width: 20px; height: 20px;
}
.k-splitbar-horizontal-hover > .k-icon.k-collapse-prev{
   background: url('/Content/css/Libs/KendoUI/Flat/sprite_2x.png') -361px -454px;
   width: 20px; height: 20px;
}
.k-splitbar.k-splitbar-horizontal{
    width: 15px;}

的所有规则的描述

关于css - 剑道分离器 : resizing collapsible icon，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27400965/