Я пробовал стилизовать свой input type range с моей страницы. К сожалению, я вижу закругленную кнопку слайдера вместо пули по умолчанию. Конечно, он выглядит хорошо, но не может понять, откуда он.Диапазон входного диапазона изменен таинственным
Я вижу это в mozilla firefox.
Это Fiddle link
EDIT: просто обнаружили, что из-за изменений в background-color. Но почему изменился стиль слайдера, если background-color изменен.
По умолчанию рендеринг слайдера выполняется с использованием родной тематики ОС: браузер просит ОС просто нарисовать ползунок в определенном месте на экране.
Но если вы изменили фон, эта стратегия реализации больше не работает, поскольку вы не можете как ОС рисовать элемент управления ползунком с другим фоном, чем стандартные слайдеры (по крайней мере, не во всех операционных системах). Таким образом, в этот момент браузер снова начнет рисовать сам элемент управления. Он попытается сделать так, чтобы он выглядел как рендеринг по умолчанию ОС, но он не может сделать это надежно, так как рендеринг по умолчанию для ОС может быть довольно произвольным в зависимости от того, какая тема ОС вы включили ...