更改 WordPress 登录页面中“勾号”的颜色

Question

我无法将 WordPress 登录页面复选框内的“tick”符号的颜色更改为其他颜色。

我最终发现它是一个“svg”文件，并且被放置在 WordPress 文件夹内的某个位置。我已经搜索了很长时间试图找到路径，以便将其替换为包含所需颜色的新文件，但没有成功。

任何人都可以帮忙吗，我将不胜感激:)

Answer 1

WordPress“tick”svg 不存储在 WP 文件夹中的某个位置，它被显式编码到 WP CSS 文件中，如下所示：

    input[type="checkbox"]:checked::before {
        /* Use the "Yes" SVG Dashicon */
        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
        margin: -0.1875rem 0 0 -0.25rem;
        height: 1.3125rem;
        width: 1.3125rem;
    }

在

/wp-admin/css/forms.css?ver=6.5.3

如果您将此 ulr 复制粘贴到浏览器地址栏，然后检查其来源，您将获得更易读的版本：

<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M14.83 4.89l1.34.94-5.81 8.38H9.02L5.78 9.67l1.34-1.25 2.57 2.4z' fill='#3582c4'/></svg>

要更改颜色，只需将

#3582c4

替换为任何其他颜色代码即可。

例如，我用这个将其设为绿色：

#loginform input[type="checkbox"]#rememberme:checked::before {
        content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2371d000%27%2F%3E%3C%2Fsvg%3E");

其中

71d000

是颜色代码。