如何更改通过外部样式在WordPress中默认给出的内联元素的CSS样式？

<i class="Defaults-group tabs-icon tour_icon" style="color: rgb(255, 255, 255); background: rgb(16, 127, 201);" data-iconcolor="#107fc9" data-iconhovercolor="#ffffff" data-background="#107fc9"></i>

这是在我的wordpress中默认出现的代码，我需要改变这个，以便我可以从当前的蓝色图标改变图标的背景颜色为绿色。总之，我需要将数据 - 图标颜色和背景从蓝色更改为绿色。但由于它是在wordpress中，我无法做到这一点。请帮助！如何更改通过外部样式在WordPress中默认给出的内联元素的CSS样式？

来源

2016-01-13 Rajen

考虑如何设置样式有可能您可以更改后端设置的颜色？从'data- *'属性看起来，您可能需要一段艰难的时间来追踪您需要覆盖的所有内容。 –

如果它是在wordpress或不是，它有什么关系？还怀疑有一个脚本已经解析了这些数据属性并设置了内联样式 – charlietfl

创建一个儿童主题。在子主题中编辑具有所需值的样式表。儿童主题将覆盖主题。有插件是免费的，并会为您创建您的孩子主题。儿童主题的优势在于，在更新（WordPress或主题）时，您不会失去自定义。

来源

2016-01-13 17:55:13 jmodine

尝试在自己的CSS文件中强制使用“！important”参数的Styleoverride，该文件应该在最后加载。

.tabs-icon:hover, .tour_icon:hover { 
    background-color: #FF0000 !important; 
}

来源

2016-01-13 17:56:54

谢谢！这是我正在尝试，但我实际上需要改变悬停时的样式。 – Rajen

我已经更新了我的答案。请检查并告诉我是否有帮助 –

如何更改通过外部样式在WordPress中默认给出的内联元素的CSS样式？

回答

相关问题