Kendo分离器：调整可折叠图标大小

Question

KendoSplitter

具有我想使用的可折叠属性。但是，图标是一个很小的箭头，根本不是直观的箭头，用户几乎看不到它。即使他们知道它在那里，图标也很小，以至于单击它需要一些时间，因为悬停这样的小图标并不快。

我想让它更大。我设法扩大了分隔线

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

但不是小图标。

I发现了与我完全相同的用户的帖子

，但是那里的解决方案无效，用户没有对它们提供任何反馈。
    

正如您所说，您可以发达规则，这是对平面主题的所有规则的描述

.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;}

Answer 1

.k-splitbar{
    .k-i-arrow-60-left, .k-i-arrow-60-right{
        z-index: 100000;
        position: relative;
        background: #ccc;
        border-radius: 0 10px 10px 0;
        bottom: -32px;
        left: 20px;
        width: 34px;
        height: 30px;
        font-size: 30px;
    }
}

这用于水平窗格，您可以遵循垂直策略的类似策略。 我正在使用以下方法使图标更大。

Answer 2