Итак, я построил скрипку: FIDDLE
В соответствии с вашим изображением вы используете тему Нептуна, и я тоже.Но вы не предоставили версию, поэтому я использовал самую последнюю.
Давайте начнем с размера подборщика.Установка ширины была довольно простой, но высота требовала некоторых работ CSS.Я определяю размеры выбора: wSize & hSize и fontSize в верхней части функции, чтобы вы могли изменить его.
Теперь о размере триггера.В триггер скважины входит одно изображение, содержащее все виды триггерных изображений внутри, которые могут отображаться (фокус, зависание и т. Д.):
Поэтому мне пришлось изменить параметры для всехиз них.Я переопределил классы ext css, и вы должны знать, что все дело в пропорциях.Например, размер триггерного изображения по умолчанию составляет 110x22 и включает в себя 5 изображений размером 22x22 каждое.Я изменил размер с 22 на 33, поэтому мне пришлось все пропорционально изменить:
background-size: от 110 до 165
background-position (click): от 44 до 66
background-position (over): 66до 99
... (вы можете увидеть это в index.html)
Так что, если вы собираетесь изменить размер триггера, вам придется выполнить некоторые вычисления.
Тем не менее, в сборщике есть некоторые компоненты, которые нужно растянуть, чтобы они хорошо выглядели, но я думаю, что вы можете сделать это самостоятельно, взяв этот код в качестве примера.