kendoSlider增加/减少按钮大小

Question

我正在试图弄清楚如何减小kendoSlider上按钮的大小（就此而言，滑块也太大了。）

他们的documentation并没有真正提及它。

为什么我要这样做？我最近将它添加到我的页脚，按钮太大，以至于它完全超出了我的页脚大小。我宁愿减小按钮大小，而不是完全改变我的页脚大小。

我认为这是滑块的CSS，但到目前为止我还没有运气。

这是一张图片来展示我的意思：

Answer 1

如果按钮要大，为什么只是隐藏它们？

用

 showButtons: false

在配置中。

您可以通过CSS更改按钮的大小。例如：

.k-slider .k-button, .k-grid .k-slider .k-button {
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    /* new */
    border: 1px solid red;
    width: 20px;
    height: 20px;
}

.k-slider .k-button .k-icon {
    margin-top: 1px;
    vertical-align: top;
}

使用chrome devtools或firefox检查HTML元素。

我认为您可以使用此类调整滑块的“大小”：

.k-slider-wrap {
    width: 100%;
    height: 100%;
}

对于精灵大小最终this有帮助。 或者只是创建自己的。