Tại sao công cụ này hữu ích
Tạo một ô chọn có thương hiệu mà không làm mất input được chọn gốc, khả năng truy cập bằng bàn phím hoặc chỉ báo tiêu điểm rõ ràng cho những người điều hướng mà không dùng chuột.
Thiết kế & CSS · chạy cục bộ
Trình tạo hộp kiểm CSS có khả năng truy cập
Xây dựng một checkbox tùy chỉnh với trạng thái đã chọn hiển thị, vòng viền khi lấy nét bằng bàn phím và các điều khiển giới hạn cho kích thước, bán kính và màu sắc, sau đó sao chép toàn bộ CSS cục bộ.
Sẵn sàng. Dữ liệu làm việc của bạn sẽ ở lại trong trình duyệt này.
Cách hoạt động của nó
Trình duyệt giới hạn kích thước trong các phạm vi thực tế, chỉ chấp nhận màu sáu chữ số và hiển thị bản xem trước đã được kiểm tra từ các nút DOM tĩnh trước khi trả về CSS có thể tái sử dụng.
Ví dụ thực tế
Đặt nút điều khiển 24 pixel, các góc 6 pixel và vòng focus màu tím để phù hợp với một biểu mẫu cài đặt nhỏ gọn, đồng thời vẫn giữ đường viền bàn phím hiển thị.
Xác thực
Phép tính là xác định và giải thích các lỗi xác thực thay vì âm thầm thay đổi dữ liệu đầu vào không hợp lệ.
Ranh giới quyền riêng tư
Đầu vào và đầu ra vẫn ở trong tab này. Sao chép và tải xuống diễn ra thông qua các API trình duyệt mà không cần tải lên máy chủ.
Hộ chiếu kết quả
Mỗi lần chạy đều báo cáo chế độ công cụ, dấu thời gian và kích thước đầu vào/đầu ra để có thể kiểm tra dữ liệu đã chuyển đổi.