Jak na to - Skrýt šipky ze vstupního čísla
Naučte se, jak odstranit šipky/kolečka z čísla typu vstupu pomocí CSS.
Zkuste umístit ukazatel myši na oba číselné vstupy, abyste viděli rozdíl:
Skryté šipky:
Výchozí:
Poznámky k funkčnosti: Stále je možné zvýšit číslo, když listujete uvnitř číselného vstupu.
Odstraňte šipky/kolečka
Příklad
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
/* Firefox */
input[type=number] {
-moz-appearance: textfield;
}
Tip: Další informace o formulářích HTML naleznete v našem výukovém programu pro formuláře HTML.
Tip: Přejděte na odkaz HTML input type="number" a zjistěte více o vstupech s type="number".