почему нам нужна внешняя кнопка вращения, чтобы убрать стрелки из числа - PullRequest
0 голосов
/ 05 мая 2018

В чем разница между кнопкой внутреннего вращения и кнопкой внешнего вращения, когда я использую только кнопку внутреннего вращения, она успешно работает в Google Chrome, так зачем нам нужна кнопка внешнего вращения

.removeNumberArrow::-webkit-inner-spin-button,
.removeNumberArrow::-webkit-outer-spin-button {
-webkit-appearance: none;
}

и что означает этот синтаксис

.removeNumberArrow::-webkit-inner-spin-button,
.removeNumberArrow::-webkit-outer-spin-button

1 Ответ

0 голосов
/ 06 мая 2018

inner-spin и outer-spin являются частью некоторого устаревшего кода. Вот почему они просят использовать оба псевдоселектора при форматировании блесен.

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

Официальная документация Webkit

.removeNumberArrow::-webkit-inner-spin-button,
.removeNumberArrow::-webkit-outer-spin-button

Селекторы здесь означают, чтобы выбрать все элементы, которые имеют класс removeNumberArrow, и вместе с ними выбрать псевдоэлементы -webkit-inner-spin-button и -webkit-outer-spin-button и отформатировать их в виде none.

...