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

Question

我正在尝试弄清楚如何减小 kendoSlider 上按钮的大小(就此而言， slider 也太大了)。

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

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

我假设它与 slider 的 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 元素。

我认为您可以使用此类调整 slider 的“大小”:

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

对于 Sprite 尺寸最终this帮助。 或者自己创建一个。