修改网页复选框颜色

修改所有网页文字复选框颜色

目前為 2024-03-05 提交的版本，檢視最新版本。

安裝腳本 ?

換行

// ==UserScript==
// @name         修改网页复选框颜色
// @namespace    https://gf.qytechs.cn/zh-CN/scripts/461245
// @version      1.0.4
// @description  修改所有网页文字复选框颜色
// @author       nosora
// @match        *://*/*
// @grant        none
// @run-at       document-start
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // 修改选中框的颜&选中文字的字体颜色
    const selectionColor = 'rgba(0, 0, 0, 0.05)';
    const fontColor = '#6FB7FF';

    // 添加样式
    const style = document.createElement('style');
    style.innerHTML = `::selection { background-color: ${selectionColor}; color: ${fontColor}; }`;
    document.head.appendChild(style);

    // 强制覆盖
    const elementsToOverride = document.querySelectorAll('input[type="checkbox"], input[type="radio"]');
    for (let i = 0; i < elementsToOverride.length; i++) {
        elementsToOverride[i].style.setProperty('background-color', selectionColor, 'important');
        elementsToOverride[i].style.setProperty('color', fontColor, 'important');
    }
})();

欢迎访问Greasy Fork镜像