Woocommerce 管理订单列表账单和运输字段大写

问题描述 投票：0回答：1

您好，我使用了以下内容并添加到外观 - 自定义CSS

#billing_first_name, #billing_last_name, 
#billing_city, #billing_address_1 { 
    text-transform: uppercase; 
}

在我的结帐页面中，当客户填写字段时，所有字段都会变成大写，如屏幕截图所示：

Checkout fiels uppercase

但是当订单到达管理员时，字段再次变为小写，如下所示：

Admin lowercase

Admin lowercase 2

我该怎么做才能让它在管理订单中也以大写字母出现？我不知道如何在我的管理订单上添加相同的 CSS。

因为我是新手，你能告诉我如何添加到管理相同的CSS吗？

我尝试在管理中粘贴相同的CSS，但没有成功。

css woocommerce
1个回答
0
投票

欢迎来到 Stack Overflow！

您似乎没有在管理页面上选择正确的 HTML 元素。您还没有提供管理页面的 HTML 代码（我想您不能提供，因为您使用的是 WordPress），所以我无法准确地告诉您要使用什么 CSS 选择器，但我可以给您大致的了解你想要。

创建 CSS 规则时，您有 2 部分：选择器和要应用于与给定选择器匹配的 HTML 元素的 CSS 属性列表，格式如下：

selector {
  properties list
}

根据这个定义，你可以确定你想要保留已有的 CSS 属性列表 (

text-transform: uppercase;
)，我们只需要关注选择器。

确定选择器应该是什么有点困难，但也不是太难。在您的管理页面上，您应该为任何您想要大写文本的内容添加一个类。请参阅 this 了解如何向 WordPress 中的元素添加类。在我下面给出的示例中，班级是 

capital-text
:

.capital-text {
  text-transform: uppercase;
}
<!DOCTYPE html>
<head>
<title>CSS Selector Practice</title>
</head>
<body>
<p>I am not capitalized.</p>
<p class="capital-text">I am capitalized.</p>
<p class="capital-text">I am also capitalized.</p>
</body>

最新问题
© www.soinside.com 2019 - 2024. All rights reserved.