我试图弄清楚如何减小kendoSlider上按钮的大小(因此,滑块也太大)。
他们的文档并没有真正提及它。
我为什么要这样做?我最近将其添加到了页脚中,并且按钮是如此之大,以至于完全超出了页脚的大小。我宁愿减小按钮的大小,而不是完全更改页脚的大小。
我会认为它与滑块的CSS有关,但是到目前为止我还没有运气。
这是一张图片,说明我的意思:
如果按钮变大,为什么要隐藏它们呢?
和
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%;
}
对于精灵大小,这最终会有所帮助。或者只是创建自己的一个。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句