Блог

Убрать стрелочки с input type=number

Этот косяк встречается в старых темах woocommerca
93a82f274d
Эти стрелки добавляют сам бреузер, неприятное лицезрение, но его можно убрать обычными стилями css
и так, в файл style.css добавляем
Это для браузера Chrome:
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

Это для браузера Firefox:
input[type="number"] {
-moz-appearance: textfield;
}
input[type="number"]:hover,
input[type="number"]:focus {
-moz-appearance: number-input;
}

Для других
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}

Сохраняем и радуемся

Поделиться постом

2
Оставить комментарий

avatar
1 Цепочка комментария
1 Ответы по цепочке
0 Последователи
 
Популярнейший комментарий
Цепочка актуального комментария
2 Авторы комментариев
Юрий Соколовsorockinalex Авторы недавних комментариев
  Подписаться  
новее старее большинство голосов
Уведомление о
sorockinalex
Гость
sorockinalex

Я новичок. В каком месте добавлять в файле style.css??? искал строку chrome — такой вообще нет в тексте данного файла…