wordpress 如何使用css更改按钮的文本(如果按钮中包含多个元素)

kd3sttzy  于 2022-11-02  发布在  WordPress
关注(0)|答案(1)|浏览(211)

我有这个按钮,唯一的方法来修改它是与一个添加的css,因为它是在一个wordpress网站上,我不能编辑按钮代码
我如何改变**“Me gustas”**的文本只使用css,因为它有几个元素内,我不能只使用内容

<span class="sl-count">
    <span class="recommend-title">Recommend</span>
    <span class="count-num">0</span> 
    Me gustas
</span>
fzwojiic

fzwojiic1#

你可以这样做:

.sl-count {
    font-size: 0; // hide the text inside the button
}

.sl-count span {

   font-size: 16px; // we do want to show the spans
}

// insert text using an :after element and give it font-size to make it visible.
.sl-count:after {

   content: "Something else.";
   font-size: 16px;
}

这不是一个好的解决方案,因为HTML仍然读取旧的文本,所以SEO/Accessibility不会读取来自CSS的文本。

相关问题