ClearFocus trong Chrome với OffiDocs

MÔ TẢ

Xóa đường viền tiêu điểm màu đen khủng khiếp của Chrome trên các thành phần tiêu điểm.

Theo mặc định, Chrome thêm đường viền màu đen xung quanh các phần tử được đặt tiêu điểm.

Điều này rất quan trọng đối với khả năng tiếp cận và sự rõ ràng của UX.

Tuy nhiên, hầu hết các trang web đều sử dụng các kiểu tiêu điểm phần tử riêng với CSS phù hợp với phần còn lại của kiểu dáng giao diện người dùng.

Kiểu đường viền mới của Chrome bỏ qua sự hài hòa về hình ảnh này và giới thiệu một đường viền khó coi trên các thành phần tập trung mà đối với một số người là không mong muốn.

Trước đây, điều này có thể được thực hiện bằng cách sử dụng tính năng biểu định kiểu người dùng của Chrome, trong đó bạn có thể ghi đè biểu định kiểu tác nhân người dùng bằng tệp CSS tùy chỉnh được đặt trong hồ sơ người dùng của bạn, nhưng Chrome đã loại bỏ tính năng này.

Tiện ích mở rộng này chỉ ghi đè hành vi cơ bản của Chrome thông qua bộ chọn ":focus", bằng cách giới thiệu một định nghĩa kiểu mới bằng cách sử dụng bộ chọn ":root :focus" cụ thể hơn một chút. Bộ chọn này sẽ ghi đè chức năng cơ bản của chrome nhưng vẫn cho phép các biểu định kiểu dành riêng cho trang web sử dụng đường viền tùy chỉnh với các bộ chọn cụ thể hơn, chẳng hạn như "đầu vào: tiêu điểm".

Trong trường hợp hiếm hoi, một trang web chỉ đơn giản sử dụng bộ chọn ":focus", điều này sẽ xung đột, nhưng việc các trang web sử dụng đường viền là cực kỳ hiếm, chứ chưa nói đến mục đích này.

Thông tin thêm:

- Được cung cấp bởi nimphious
- Đánh giá trung bình : 5 sao (thích nó)
- Nhà phát triển Địa chỉ email này đã được bảo vệ từ spam bots. Bạn cần kích hoạt Javascript để xem nó.

web ClearFocus extension tích hợp với OffiDocs Chromium Trực tuyến