Cách - Ẩn mũi tên khỏi số đầu vào
Tìm hiểu cách loại bỏ mũi tên/con quay khỏi số loại đầu vào bằng CSS.
Hãy thử di chuột qua cả hai đầu vào số để thấy sự khác biệt:
Mũi tên ẩn:
Mặc định:
Lưu ý về chức năng: Vẫn có thể tăng số khi bạn cuộn bên trong phần nhập số.
Loại bỏ mũi tên/con quay
Ví dụ
/* 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;
}
Hãy tự mình thử »Mẹo: Hãy truy cập Hướng dẫn biểu mẫu HTML của chúng tôi để tìm hiểu thêm về Biểu mẫu HTML.
Mẹo: Hãy truy cập tham chiếu loại đầu vào HTML = "số" của chúng tôi để tìm hiểu thêm về đầu vào có loại = "số".