Cách ẩn đầu mũi tên trong hộp nhập số
- Trang trước Xóa hộp văn bản
- Trang tiếp theo Chép văn bản vào剪
Học cách sử dụng CSS để loại bỏ đầu mũi tên/ô điều chỉnh từ hộp nhập số.
Hãy thử đặt con trỏ chuột trên hai hộp nhập số để xem sự khác biệt:
Đầu mũi tên ẩn:
Mặc định:
Mô tả chức năng:Khi bạn cuộn lăn khi ở trong hộp nhập số, bạn vẫn có thể tăng số.
Hiện đầu mũi tên
/* 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;
}
Trang liên quan
Hướng dẫn:Hình thức HTML
Tài liệu tham khảo:HTML <input type="number">
- Trang trước Xóa hộp văn bản
- Trang tiếp theo Chép văn bản vào剪
