чтобы скрыть селектор белого круга, я добавил упомянутый ниже стиль, но он не работает.
input[type = "range"]::-moz-slider-thumb {
-webkit-appearance: none;
height: 16px;
width: 16px;
}
Я попытался использовать -moz-range-thumb
вместо -moz-slider-thumb
, но все равно не повезло.
P.S. - Я использую node-sass, и стиль ниже отлично работает в браузере на основе хрома
input[type = "range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 16px;
width: 16px;
}
@IWI да, но они не работали
Не могли бы вы также поделиться своим HTML? Это позволяет нам точно воспроизвести вашу проблему в наших ответах, а не гадать, что вы (возможно) сделали; также это экономит время, необходимое для создания кода, исходя из наших предположений.
@DavidsaysreinstateMonica - это приложение для реагирования. Закачу на github и обновлю вопрос ссылкой на github
@Arka: нет, пожалуйста, не надо. Запустите скрипт и посмотрите на получившуюся сгенерированную страницу (в DOM приложения или на странице вы должны увидеть получившуюся DOM, в этот момент там вряд ли будет какой-либо React).
@DavidsaysreinstateMonica должен ли я предоставить общий доступ к HTML-странице страницы?
@DavidsaysreinstateMonica это мое приложение ibb.co/Kx4qCZ3
Прочтите руководство «минимальный воспроизводимый пример» :) нам нужно только достаточно, чтобы воссоздать проблему, с которой вы столкнулись. По общему признанию, это приложение React, но проблема, похоже, связана с CSS, а не с React?
вы пробуете display: none? или непрозрачность: 0?