給elementor容器中的文字設(shè)置鼠標(biāo)懸停顏色

繼續(xù)分享wordpress建站教程，本文給大家分享一個小技巧。當(dāng)使用Elementor建站時，有時元素可能不能直接設(shè)置鼠標(biāo)懸停色，比如標(biāo)題、計(jì)數(shù)器等模塊，它們都只能設(shè)置一個固定顏色。

如上圖這種顯示樣式，當(dāng)鼠標(biāo)放到方框中時，里面的文字顏色也需要同時變化，應(yīng)該怎么做呢？一種是找第3方插件，有些插件的模塊可能是可以設(shè)置懸停顏色的。如果不想去折騰插件，也可以使用簡單的CSS代碼來實(shí)現(xiàn)。

selector:hover * {  
    color: #ffffff !important; /* 添加!important確保覆蓋所有樣式 */  
}

大家可以直接使用上面的CSS代碼，里面的顏色值可以自行修改。

然后把上面的CSS代碼添加到Elementor容器的【高級設(shè)置】-【Custom CSS】中，即可實(shí)現(xiàn)想要的效果了。需要注意的是，要Elementor Pro或開源版的element才有【Custom CSS】功能。