Как стилизовать input type=number?

Question

[Римский]

Здравствуйте. Подскажите пожалуйста как можно стилизовать этот input

Большое спасибо.

Comments

[Рифат]

Не совсем понятен вопрос. Вы не знаете как применить css стили к данному элементу или хотите получить результат как на картинке?

[Римский]

Альфред: Хочу получить результат)) Но не понимаю как стилизовать сами стрелки. Оригинальные стрелки по вертикали справа, как я понимаю мне нужно скрыть их и как-то прикрепить свою по горизонтали да и еще по краям. Как-то так)

Answer 1

[Дима Паутов]

Оригинальный input type=number так, стилизовать нельзя. Есть всякие, на мой взгляд костыли, но они не дадут видимого вам результата.

Такие компоненты интерфейса писать нужно самому. Примерно так. Дальше стилизуйте сами

Comments

[Andrey Dyrkov]

Да, лучше всего использовать БЭМ, создать компонент и портировать между проектами и не париться.

[Римский]

Огромное спасибо)) Думаю это оно.

[Дима Паутов]

Andrey Dyrkov: зачем?

[Римский]

Дима Турков: Вот что получилось clip2net.com/s/3BM9B16 СПАСИБО)

[Дима Паутов]

Виталий: очень рад, что помог!

[Andrey Dyrkov]

Дима Турков: Что зачем? Чтобы не париться со всем этим, БЭМ помогает очень хорошо в таких моментах.

Answer 2

[igrok666]

Сделал специальный плагин под это numberPlugin всё расписано на русском как подключать, применён уже не на одном реальном сайте
Вот сайт плагина:
numberPlugin