Просто хочу удалить эти стрелки, удобные в определенных ситуациях.
Я хотел бы, однако, сохранить осведомленность обозревателя о том, что содержимое чисто числовое. Поэтому изменение этого параметра на input[type="text"] не является приемлемым решением.
Теперь, когда Opera основана на webkit, этот вопрос является дубликатом: Можно ли скрыть поле ввода входов номера HTML5?
Я использую простой CSS и, кажется, удаляю их и отлично работаю.
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0;
}
Этот учебник из CSS Tricks подробно объясняет, а также показывает, как стилизировать их
Эти стрелки являются частью Shadow DOM, которые в основном являются элементами DOM на вашей странице, которые скрыты от вас. Если вы новичок в этой идее, здесь можно найти хороший вводный текст .
По большей части Shadow DOM экономит нам время и это хорошо. Но есть примеры, подобные этому вопросу, где вы хотите его изменить.
Вы можете изменить их в Webkit сейчас с помощью правильных селекторов, но это все еще находится на ранних стадиях разработки. В самой теневой DOM еще нет унифицированных селекторов, поэтому селектор веб-китов является проприетарным (и это не просто вопрос добавления -webkit, как в других случаях).
Из-за этого кажется вероятным, что Opera просто не успела добавить это. Однако поиск ресурсов в модификациях Opera Shadow DOM является жестким. Несколько ненадежных интернет-источников. Я нашел, что все говорят или предлагают, что Opera в настоящее время не поддерживает манипуляции с Shadow DOM.
Я потратил немного времени на просмотр веб-сайта Opera, чтобы узнать, не упоминается ли об этом, а также пытаться найти их в Dragonfly... ни поиск не имел успеха. Из-за молчания по этому вопросу и развивающегося характера манипуляции с DOM + Shadow DOM Shadow DOM, кажется, это безопасный вывод, что вы просто не можете сделать это в Opera, по крайней мере пока.
Нет способа.
Этот вопрос в основном является дубликатом Есть ли способ скрыть новые элементы управления спинкой HTML5, показанные в Google Chrome и Opera?, но, возможно, не полный дубликат, поскольку мотивация дается.
Если целью является "понимание браузером содержания чисто числовое", тогда вам нужно подумать о том, что это действительно означает. Стрелками или прядильщиками являются частью более удобного ввода чисел в некоторых случаях. Другая часть проверяет, является ли содержимое допустимым числом, а в браузерах, поддерживающих усовершенствования ввода HTML5, вы можете сделать это с помощью атрибута pattern. Этот атрибут может также влиять на третью функцию ввода, а именно тип виртуальной клавиатуры, которая может появиться.
Например, если ввод должен быть ровно пятью цифрами (например, почтовые номера могут быть в некоторых странах), тогда <input type="text" pattern="[0-9]{5}"> может быть достаточным. Это, конечно, зависит от реализации, как это будет обрабатываться.