如何更改触发器和时间选择框的大小

Question

如图所示我想改变触发器和时间选择框的大小。我曾尝试过一些方法，但没有用。

Answer 1

所以，我建立了一个小提琴：FIDDLE

根据你的形象你正在使用海王星主题，我也是。但你没有提供一个版本所以我使用了最新版本。

让我们从选择器大小开始。设置宽度非常简单，但高度需要一些CSS工作。我在功能顶部定义了选择器尺寸：wSize＆amp; hSize和fontSize，因此您可以对其进行更改。

现在关于触发器大小。好的触发器带有一个图像，里面包含所有类型的触发图像，可以显示（焦点，悬停等）：

所以我不得不改变所有参数。我已经覆盖了ext css类，你必须要注意的是，这一切都与比例有关。例如，触发图像的默认大小为110x22，它包括5个每个22x22大小的图像。我将尺寸从22改为33，所以我不得不按比例改变一切：
背景尺寸：110至165
background-position（点击）：44到66
background-position（over）：66到99
...（你可以在index.html中看到它）

因此，如果您要更改触发器的大小，则必须进行一些计算。

拾取器内部仍有一些组件需要拉伸才能看起来很好，但我认为你可以自己动手做这个代码作为例子。