Làm thế nào để - Ẩn mũi tên khỏi số đầu vào
Tìm hiểu cách xóa mũi tên / con quay khỏi số loại đầu vào bằng CSS.
Cố gắng di chuột qua cả hai đầu vào số để xem sự khác biệt:
Mũi tên ẩn:
Vỡ nợ:
Lưu ý về chức năng: Vẫn có thể tăng số khi bạn cuộn bên trong đầu vào số.
Loại bỏ Mũi tên / Con quay
Thí 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;
}
Mẹo: Đi tới Hướng dẫn về 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 HTML input type = "number" của chúng tôi để tìm hiểu thêm về các đầu vào có type = "number".