<input type="number" class="number-input">
When you using the input tag with number type, you can see the up/down arrows on the right side of input tag..
Like this ..
If you don't like this arrows, you would add the styles in css like this ..
.number-input::-webkit-outer-spin-button,
.number-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
You can find the manuals here..
https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-inner-spin-button
https://developer.mozilla.org/en-US/docs/Web/CSS/::-webkit-outer-spin-button
'Develop > Etc' 카테고리의 다른 글
[Docker] Remove <none>:<none> images (0) | 2019.01.22 |
---|---|
[Postman] Example of Pre-request Script (0) | 2019.01.11 |
PostgreSQL install (0) | 2018.02.22 |
[CSS] Flexbox (0) | 2018.02.14 |
2018 Pyeongchang Winter Olympic Medal Ranking (0) | 2018.02.13 |