html - 出现在 html 的 li 中的箭头

Question

我们正在尝试向我们的网站添加一个新的定价表，但是当我们添加它时，我们会出现一些随机箭头？

我需要做什么才能删除这些箭头？

谢谢。

链接在这里：http ://www.towersdesign.co.uk/price-error/

本

Answer 1

它是在伪元素上添加的字体：.main ul li:before、.more:before、.comment-reply-link:before、.comment-edit-link:before。

第 554 行

字体名称：bulletsregular

Answer 2

注释掉第 554 行style.css中的这个 CSS

media="all"
.main ul li:before, .more:before, .comment-reply-link:before, .comment-edit-link:before {
/* content: "g"; */
/* font-family: 'bulletsregular'; */

如果您在其他地方需要子弹，请参阅@Hive 的解决方案

Answer 3

将此添加到您的CSS：

.main ul li:before, h1 span, h2 span, h3 span, h4 span, .highlight, h5, h6, cite, h1:after, h2:after, h3:after, .main-container a:hover, .more:before, ol > li:before, .cta a:hover, .error[generated=true], span.wpcf7-not-valid-tip, div.wpcf7-response-output, .footable.breakpoint > tbody > tr > td.expand:before, ul.social-link a:hover, #nav ul li a:hover:before, ul.page-numbers .current, #nav li a:hover, li.current-menu-ancestor a, #nav li li.current_page_item > a, ul.comments h5 a, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before, .link-pages p a, #wp-calendar a, .logo-text:after, .widget.widget_nav_menu ul li a:hover, .statistics li h4, ul.filters li.active a, .toggle-btn.active, .accordion-btn.active, .sc_accordion-btn.active, ul.tab-nav li.active, h3.v_nav.v_active, .foot-widgets a:hover, .foot-widgets a:hover b, .tweets cite:before, li.tweet .meta:before, .icon-thirds li:hover em:before, .boxed ul.social-link a:hover, .boxed h5, .sitemap li a:hover, .shipping_calculator h2 a, .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove, .woocommerce form .form-row .required, .woocommerce-page form .form-row .required, .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a:hover, .woocommerce .star-rating span:before, .woocommerce-page .star-rating span:before, .woocommerce div.product .stock, .woocommerce #content div.product .stock, .woocommerce-page div.product .stock, .woocommerce-page #content div.product .stock, .woocommerce div.product .out-of-stock, .woocommerce #content div.product .out-of-stock, .woocommerce-page div.product .out-of-stock, .woocommerce-page #content div.product .out-of-stock {
    color: transparent;
}

Answer 4

将以下样式添加到您的样式表或页面上。

如果您在样式表中添加它可能对您映射该样式表的整个应用程序的其余部分不可见。如果您想从整个 webapp 中删除，请在 CSS 中添加以下样式。但如果您只想从此页面中删除，则仅在页面上添加此样式。

#plans li:before {
   content: "" !important;
}