Изменить размер и положение пользовательского маркера в ползунке bootstrap - PullRequest
Новая
       8

Изменить размер и положение пользовательского маркера в ползунке bootstrap

1 голос
/ 25 марта 2020

Я пытаюсь создать слайдер bootstrap с пользовательской формой ручки. В jquery do c мы можем найти такой параметр, как handle: 'custom', но как определить этот пользовательский дескриптор? Я нашел решение в css так: 

<div id="divswipe" style="position: fixed;bottom: 80px;width:100%">
  <input id="swipe" type="text" style="width: 100%" data-slider-handle="custom">
</div>

<style>
  .slider-handle.custom {
    background: transparent none;
    }

.slider-handle.custom::before {
    line-height: 80px;
    font-size: 20px;
    content: url('apps/balayage/img/swipe_design2.png');
}
</style>

Это работает, но как определить положение и размер этого? На самом деле, это так: форма моей ручки и я хочу что-то вроде этого: что бы я хотел

...