元描述中的每个单词都以大写字母开头答案

【问题标题】：Every word starts with a Capital in meta description元描述中的每个单词都以大写字母开头
【发布时间】：2016-10-22 17:31:45
【问题描述】：

我在 woocommerce 环境中添加到产品的自定义字段存在问题。当我添加一个值为“Jan van der Lans”的自定义字段“作者”时。它将显示如下：“Jan Van Der Lans”。

有没有办法阻止它把每个单词都大写？我尝试了 CSS 文本转换：无。

.site-main ul.products li.product .product-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 20px;
    max-height: 40px;
    text-transform: none;
}

<div class="product-meta"><span class="product-meta-title">Auteur:</span> Jan Van Der Lans</div>



<ul class="products">

                    <li class="post-442 product type-product status-publish has-post-thumbnail product_brand-lans-prof-dr-j-m-van-der-jan product_cat-11-tm-20 product_cat-pdf shipping-taxable purchasable product-type-simple product-cat-11-tm-20 product-cat-pdf instock">

    <a href="http://www.elephantdevelopment.nl/KSGV/publicaties/2-18-volgelingen-van-de-goeroe/"><img width="500" height="500" src="http://www.elephantdevelopment.nl/KSGV/wp-content/uploads/2016/06/ksgv-2-18-500x500.jpg" class="attachment-shop_catalog size-shop_catalog wp-post-image" alt="ksgv-2-18" srcset="http://www.elephantdevelopment.nl/KSGV/wp-content/uploads/2016/06/ksgv-2-18-500x500.jpg 500w, http://www.elephantdevelopment.nl/KSGV/wp-content/uploads/2016/06/ksgv-2-18-150x150.jpg 150w, http://www.elephantdevelopment.nl/KSGV/wp-content/uploads/2016/06/ksgv-2-18-45x45.jpg 45w" sizes="(max-width: 500px) 100vw, 500px"><h3>2-18 Volgelingen van de goeroe</h3>

    <span class="price"><span class="amount">€8.50</span></span>
</a><div class="product-meta"><span class="product-meta-title">Auteur:</span> Jan Van Der Lans</div><a rel="nofollow" href="/KSGV/publicaties/?add-to-cart=442" data-quantity="1" data-product_id="442" data-product_sku="" class="button product_type_simple add_to_cart_button ajax_add_to_cart">In winkelmand</a>
</li>





                </ul>

测试环境链接：http://www.elephantdevelopment.nl/KSGV/publicaties/

提前致谢，

【问题讨论】：

尝试在您的问题中添加一些代码，至少哪些规则适用于该元素。
好吧，您似乎在那里应用了正确的规则。没有办法知道它是否被其他地方的另一条规则过度限定了。
文本转换：大写；正是这样做的。如果将 !important 添加到 text-transform: none; 会发生什么？ ?
@Vonwelzen 你确定在数据库中那些字段被保存而不是大写吗？因为即使您没有对作者的姓名应用任何样式，它也会显示为大写，所以我认为问题与 css 无关
@Signo 我也有同样的印象。很可能是一个 php 函数在将字符串存储到数据库之前对其进行了更改。

标签： css woocommerce capitalize

【解决方案1】：

它来自用于显示自定义字段的 PHP 代码。它是函数 .ucwords (php.net/manual/en/function.ucwords.php)。非常感谢您的帮助。

【讨论】：