Как скрыть селектор слайдера в firefox?

Как скрыть селектор слайдера в firefox?

чтобы скрыть селектор белого круга, я добавил упомянутый ниже стиль, но он не работает.

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;
    } 

вы пробуете display: none? или непрозрачность: 0?

IWI 31.03.2021 15:45

@IWI да, но они не работали

Arka 31.03.2021 15:54

Не могли бы вы также поделиться своим HTML? Это позволяет нам точно воспроизвести вашу проблему в наших ответах, а не гадать, что вы (возможно) сделали; также это экономит время, необходимое для создания кода, исходя из наших предположений.

David says reinstate Monica 31.03.2021 15:55

@DavidsaysreinstateMonica - это приложение для реагирования. Закачу на github и обновлю вопрос ссылкой на github

Arka 31.03.2021 16:00

@Arka: нет, пожалуйста, не надо. Запустите скрипт и посмотрите на получившуюся сгенерированную страницу (в DOM приложения или на странице вы должны увидеть получившуюся DOM, в этот момент там вряд ли будет какой-либо React).

David says reinstate Monica 31.03.2021 16:02

@DavidsaysreinstateMonica должен ли я предоставить общий доступ к HTML-странице страницы?

Arka 31.03.2021 16:10

@DavidsaysreinstateMonica это мое приложение ibb.co/Kx4qCZ3

Arka 31.03.2021 16:12

Прочтите руководство «минимальный воспроизводимый пример» :) нам нужно только достаточно, чтобы воссоздать проблему, с которой вы столкнулись. По общему признанию, это приложение React, но проблема, похоже, связана с CSS, а не с React?

David says reinstate Monica 31.03.2021 16:15
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
8
21
0

Другие вопросы по теме