Скрытие стрелки раскрывающегося списка для элементов в Firefox

Поведение Firefox по умолчанию для элементов включает видимую стрелку раскрывающегося списка. Чтобы добиться чистого, индивидуального вида, вы можете удалить его.

Пока "-webkit-appearance: button;" эффективно скрывает стрелку в Chrome/Safari, тот же подход, используя «-moz-appearance: button;» в Firefox не дает желаемого результата.

Чтобы преодолеть это препятствие, нам нужно использовать другой метод:

select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}

Вот как это работает:

• "-moz-appearance: none;" отключает внешний вид по умолчанию, включая стрелку.
• "text-indent: 0.01px;" слегка смещает стрелку вправо.
• "text-overflow: ''" обрезает стрелку, вышедшую за пределы.

Эта умная комбинация эффективно удаляет ненужную стрелку, сохраняя при этом функциональность элемента.