ползунок диапазона ввода js событие - PullRequest
0 голосов
/ 06 марта 2019

В ползунке диапазона ввода я хочу, чтобы размер рабочей области увеличивался при наведении курсора на большой палец. Я пробовал это

HTML

<input id="param1" type="range" min="0" max="1" step="0.1" class="slider-color">

Jquery

$('.slider-color::-webkit-slider-thumb').hover(function(){
    $('.slider-color::-webkit-slider-runnable-track').css('height','11px');
});

Пожалуйста, помогите. Выше не работает

1 Ответ

1 голос
/ 06 марта 2019

Я не уверен, что вы можете поймать наведение на slider-thumb, но вот идея, если вы хотите навести курсор на все ползунки, где вы можете положиться на переменную CSS, чтобы изменить некоторые свойства

.slider-color:hover {
  --c:red;
  --h:40px;
}
.slider-color::-webkit-slider-runnable-track {
  background:var(--c,transparent);
  height:var(--h,initial);
}
<input id="param1" type="range" min="0" max="1" step="0.1" class="slider-color">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...