javascript - kendoSlider 增加/减少按钮大小

Question

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

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

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

我会假设它与滑块的 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%;
}

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