Как изменить стрелки в форме <input type="number">

[Lady_V]

Подскажите, пожалуйста, как сделать так, чтобы стрелки в теге <input type="number">  были другие, но при этом также работали? по умолчанию они выводятся стандартные

[Great Rash]

По крайней мере в Хроме так:

input::-webkit-inner-spin-button {  -webkit-appearance: none;    display: block;    width: 10px;    opacity: 1;  background-color: red;}

В Сафари и Опере скорее всего так же, в Фаерфоксе надо инспектором посмотреть ккой там Shadow DOM создаётся для инпута. А вот в ИЕ вообще не уверен, что можно поменять.

[Lady_V]

По крайней мере в Хроме так:

 

input::-webkit-inner-spin-button {  -webkit-appearance: none;    display: block;    width: 10px;    opacity: 1;  background-color: red;}

В Сафари и Опере скорее всего так же, в Фаерфоксе надо инспектором посмотреть ккой там Shadow DOM создаётся для инпута. А вот в ИЕ вообще не уверен, что можно поменять.

...

Да, спасибо, в опере и хроме сработало, только непоняла что делать с мозилой

Edited March 20, 2015 by Lady_V

[Great Rash]

только непоняла что делать с мозилой

посмотреть ккой там Shadow DOM создаётся для инпута

В общем погуглил - в Мозилле нельзя стилизовать эти кнопки.

[Lady_V]

ясно, спасибо

[Zverushka]

Можно воспользоваться плагином - http://jqueryui.com/spinner/имитирует input:number, но можно полностью стилизовать

[mrnobody]

Вот еще плагин http://formstone.it/components/stepper