Моделирование входа type=number
Действительно ли возможно применить стиль во внутренней "стрелке вверх" и "стрелке вниз" a <input type="number"> в CSS? Я хотел бы изменить фон стрелки вверх к синему и стрелки вниз к красному. Какие-либо идеи?
58
задан Jesse Steele
2 September 2019 в 11:39
поделиться
1 ответ
Я боролся с этим по мобильному телефону и планшету. Мое решение состояло в том, чтобы использовать absolute расположение на счетчики, таким образом, я просто отправляю его в случае, если оно помогает кому-либо еще:
<html><head>
<style>
body {padding: 10px;margin: 10px}
input[type=number] {
/*for absolutely positioning spinners*/
position: relative;
padding: 5px;
padding-right: 25px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button !important;
width: 25px;
position: absolute;
top: 0;
right: 0;
height: 100%;
}
</style>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=0"/>
</head>
<body >
<input type="number" value="1" step="1" />
</body></html>0
ответ дан ayaio
1 November 2019 в 14:38
поделиться