Javascript 使用css替换或隐藏插件生成的单词

我正在使用一个名为“用户提交的帖子”的wordpress插件，它允许用户向我的网站添加帖子。 表单有一个自定义字段，显示文本“ArtikerNummer:usp\u自定义字段：123156”，我想说“ArtikerNummer:123156”，但出于某种原因，它也会发布usp\u scustom\u字段字符串名称 我已经和插件开发人员谈过了，他无法回答这个问题

因此，我想删除字符串“usp\u custom\u field”。或“更改usp\u自定义\u字段”为“ArtikerNummer”

有没有关于如何解决这个问题的想法

溴 罗伯特

代码

<div class="entry-content">
        <p>Artikelnummer : usp_custom_field : 123156</p>
<p>

<div class="CM_Reviews"><div class="cmr_ratings ">
<h2 class="cmr_rating_title">Vad tycker andra</h2>
<div class="cmr_stars"><span class="cmrSingleStar dashicons-star-empty" style="color: #dd9933;"></span><span class="cmrSingleStar dashicons-star-empty" style="color: #dd9933;"></span>
<span class="cmrSingleStar dashicons-star-empty" style="color: #dd9933;"></span>
<span class="cmrSingleStar dashicons-star-empty" style="color: #dd9933;"></span>
<span class="cmrSingleStar dashicons-star-empty" style="color: #dd9933;"></span>
</div>
</div><br>
<div class="cmrRatingHistogramTable">
<style>
progress {
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
            }
            progress::-webkit-progress-bar {
                background: transparent;
                border: 1px solid #eeee22;
            }
            progress::-webkit-progress-value {
              background: #eeee22;
            }
            progress::-moz-progress-bar {
              background: #eeee22;
            }</style><div class="cmrTableRow">
                                    <span class="cmrTableCol">5 star</span>
                                    <progress class="cmrTableCol" value="0" max="100"></progress>
                                    <span class="cmrTableCol">0%</span>
                                </div><div class="cmrTableRow">
                                    <span class="cmrTableCol">4 star</span>
                                    <progress class="cmrTableCol" value="0" max="100"></progress>
                                    <span class="cmrTableCol">0%</span>
                                </div><div class="cmrTableRow">
                                    <span class="cmrTableCol">3 star</span>
                                    <progress class="cmrTableCol" value="0" max="100"></progress>
                                    <span class="cmrTableCol">0%</span>
                                </div><div class="cmrTableRow">
                                    <span class="cmrTableCol">2 star</span>
                                    <progress class="cmrTableCol" value="0" max="100"></progress>
                                    <span class="cmrTableCol">0%</span>
                                </div><div class="cmrTableRow">
                                    <span class="cmrTableCol">1 star</span>
                                    <progress class="cmrTableCol" value="0" max="100"></progress>
                                    <span class="cmrTableCol">0%</span>
 </div> 

ArtikerNummer:usp\u自定义\u字段：123156


瓦德·泰克·安德拉


进展{
-webkit外观：无；
-moz外观：无；
外观：无；
}
进度：：-webkit进度条{
背景：透明；
边框：1px实心#eeee22；
}
进度：：-webkit进度值{
背景：#eeee22；
}
进度：：-moz进度条{
背景：#eeee22；
}
五星
0%
四星
0%
三星级
0%
双星
0%
一颗星
0%

我没有测试方法，但该插件似乎有一些选项可以设置。特别是：

是否在发布内容（单击顶部单选按钮）之前自动显示自定义字段？它看起来像这样，如果是这样，您可以通过从自定义字段标记中删除例如%%custom_name%%：来更改它显示的内容

---

很抱歉，我无法为您测试。

一般来说，CSS不能只处理文本的一部分。它首先不适用于文本，它适用于元素。在这里，您的全文包含在一个元素中，

Artikelnummer:usp\u custom\u field:123156

——因此，仅使用CSS无法处理此问题。你必须使用JavaScript，或者让插件作者来解决这个问题（有点奇怪，他们说他们不能），插件将在服务器上添加这个标签。理想情况下，它们应该将标签和实际文本分为两个元素。这似乎是一个非常合理的要求。同时，我想你还需要破解一些JS onload。