以我的Twenty199Child主题的风格删除这行代码。css修复了该问题:
button#ccc-icon *:not(g) {
fill: inherit;
}
说明:
第6353行,样式。二十世纪十九(父)主题的css,即。
svg {
transition: fill 120ms ease-in-out;
fill: currentColor;
}
覆盖打开和关闭模块的按钮的cookie控制模块css。所讨论的html是:
<button id="ccc-icon" aria-label="Cookie Control" aria-controls="ccc-module" accesskey="c">
<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 72.5 72.5" enable-background="new 0 0 72.5 72.5" xml:space="preserve">
<title>Cookie Control Icon</title>
<g id="triangle">
<path d="M72.5,72.5H0L72.5,0V72.5z"></path>
</g>
<g id="star">
<path d="here goes the code of the svg icon"></path>
</g>
</svg>
</button>
请注意,这种行为不会在二十个主题处于活动状态时发生(这是一个示例,我没有测试任何其他主题)。
我注意到,当将cookie控制模块的初始状态设置为“打开”时,这会导致性能下降(WebGetTest lighthouse)约6%。初始状态可以在WordPress插件目录中的配置文件或插件设置中设置(请不要与可设置为“开”和“关”的初始同意状态混淆)。