Скрыть / Убрать вводимые стрелки номера в Opera

Question

Я хотел бы скрыть / удалить входные [type=number] стрелки вверх и вниз, отображаемые во всех основных браузерах рабочего стола.

Следующий CSS работает в Firefox Mozilla, Safari и Chrome, и я верю Internet Explorer, но не в Opera.

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

Как я смогу применить этот эффект к браузеру Opera?

Answer 1

Семестр -webkit определяет, что это будет применимо для браузеров, которые используют движок webkit. Opera уже довольно давно использует собственный двигатель Presto и недавно начала продвигаться к использованию хромового двигателя.

Чтобы CSS был совместимым в Opera, вам нужно использовать -o вместо.

input::-o-outer-spin-button,
input::-o-inner-spin-button {
    -o-appearance: none;
    margin: 0;
}

---

РЕДАКТИРОВАТЬ

При дальнейшем поиске в сообществе Opera этот конкретный поток выглядит точно так же и цитирует ответ оттуда:

В настоящий момент Opera не поддерживает стилизацию теневого DOM, поэтому вы не можете.