::-webkit-inner-spin-button

Non-standard: This feature is not standardized. We do not recommend using non-standard features in production, as they have limited browser support, and may change or be removed. However, they can be a suitable alternative in specific cases where no standard option exists.

Phần tử giả ::-webkit-inner-spin-button trong CSS được dùng để tạo kiểu cho phần bên trong của nút spinner (nút tăng/giảm) trên các phần tử input dạng number picker.

Cú pháp

css
::-webkit-inner-spin-button {
  /* ... */
}

Ví dụ

Các ví dụ này chỉ hoạt động trên trình duyệt dựa trên WebKit và Blink.

Thay đổi con trỏ trong các nút điều khiển spinner

Trong ví dụ này, CSS cursor được đổi thành pointer khi con trỏ di chuyển đến phần bên trong của các nút điều khiển spinner của input.

HTML

html
<input type="number" />

CSS

css
input[type="number"]::-webkit-inner-spin-button {
  cursor: pointer;
}

Kết quả

Đặc tả

Không thuộc bất kỳ tiêu chuẩn nào.

Tương thích trình duyệt

Xem thêm