Có cách nào để vô hiệu hóa thanh cuộn webkit tùy chỉnh không?

Có tiện ích mở rộng, biểu định kiểu người dùng tùy chỉnh, v.v. sẽ vô hiệu hóa hoặc hoàn nguyên tùy chỉnh thanh cuộn trong các trình duyệt dựa trên Webkit như Google Chrome không? Tôi thích các thanh cuộn gốc, đơn giản nhưng dường như tôi không thể tìm thấy sự kết hợp của CSS để làm cho chúng quay trở lại sau khi chúng được tạo kiểu bởi CSS.

Thật không may, CSS không thể bị "vô hiệu hóa" hoặc được hoàn nguyên sau khi được kích hoạt:

:: - thanh webkit-scrollbar không thể được ghi đè đơn giản để có được kiểu mặc định, cách duy nhất để làm điều đó là xóa tất cả :: - quy tắc thanh cuộn webkit khỏi mã. Tại thời điểm đó, các khu vực có thể cuộn phải buộc phải vẽ lại các thanh cuộn. Để làm điều đó, bạn có thể nhanh chóng thêm và xóa màn hình: none; từ hoặc làm điều tương tự với tràn: ẩn; trên các yếu tố có thể cuộn. Vấn đề với cái đầu tiên là trang nhấp nháy màu trắng ở mỗi lần tải trang; phần thứ hai sử dụng nhiều tài nguyên vì nó sẽ phải kiểm tra xem bất kỳ phần tử nào trên trang có vượt quá mức không lý tưởng hay không.

Liên kết ở trên là từ một tập lệnh sẽ loại bỏ hoàn toàn các thanh tùy chỉnh, khiến bạn không có thanh cuộn.

Mở trình duyệt web của bạn có thể thực thi được trong trình soạn thảo văn bản nhị phân hoặc trình soạn thảo hex và thay thế tất cả các lần xuất hiện của "webkit-scrollbar" bằng một số rác khác như "webkit-scrollb4r". Tôi vừa thử điều này với Chrome và nó giải quyết được vấn đề.

// ==UserScript==
// @name         My Fancy Scrollbar Userscript
// @namespace    http://your.homepage/
// @version      0.1
// @description  enter something useful
// @author       You
// @match        http://*/*
// @grant        none
// ==/UserScript==

[].forEach.call(document.styleSheets, function(sheet) {
    for (var i = 0; i < sheet.rules.length; ++i) {
        var rule = sheet.rules[i];
        if (/::-webkit-scrollbar/.test(rule.selectorText)) {
            sheet.deleteRule(i--);
        }
    }
});