Css 在 WooCommerce 变体 Select 中转换属性文本以大写

发布于11月09日

我已经用css隐藏了变量框的标签，并在包含属性名称的 Select 框中添加了一个自定义文本.这是我用来做这件事的代码:

function filter_woocommerce_dropdown_variation_attribute_options_args( $array ) { 

    $attribute_name = wc_attribute_label($array['attribute']);
    $select_text = 'Choose an ' . $attribute_name;

    $array['show_option_none'] = __( $select_text, 'woocommerce' );
    return $array; 
}; 

add_filter( 'woocommerce_dropdown_variation_attribute_options_args', 'filter_woocommerce_dropdown_variation_attribute_options_args', 10, 1 );

用于隐藏标签的CSS:

.variations th.label {
  display: none;
}

现在我只想让这句话大写，但我找不到合适的css.我几乎确定我需要使用text-transform: capatilize，但我不确定将它添加到哪里，以及最重要的是使用哪个css类/id.我可以把它加到片断里吗？

我在这里try 了一些类似问题的答案，但它们都不起作用.

如有任何帮助，我们不胜感激.

function filter_woocommerce_dropdown_variation_attribute_options_args( $array ) { $attribute_name = wc_attribute_label($array['attribute']); $select_text = ucwords( 'Choose an ' . $attribute_name ); $array['show_option_none'] = __( $select_text, 'woocommerce' ); return $array; }; add_filter( 'woocommerce_dropdown_variation_attribute_options_args', 'filter_woocommerce_dropdown_variation_attribute_options_args', 10, 1 );

Css 在 WooCommerce 变体 Select 中转换属性文本以大写

推荐答案

Css相关问答推荐

要创建其按钮垂直对齐而不是水平对齐的v-bTN-toggle

如何获得特定位置的Divs以根据浏览器宽度正确调整大小

JavaFX如何在Tableview中使用默认和自定义的列标题CSS样式？

在ReactJS中使用动画在栅格上添加柱

臭虫？嵌套的css供应商前缀中断Chrome css解析

如何使用DirectusImage标签作为背景？

CSS 内联 Flex 和段落换行

在 CSS 中，如何用破折号填充段落中每一行的空白区域？

弹性布局溢出时的换行符

当页面大小小于VH时，Tailwind CSS如何使页脚留在底部

Angular (13) material - 覆盖 CSS 文件不起作用

如何将转换应用于相同的元素但处于不同的状态：悬停

如何将 Google 字体链接到我的 Nuxt 文件？

用 svelte 设计 body 元素

如何强制 div 出现在下方而不是旁边？

CSS：背景图像和填充

修复 Mobile Safari (iPhone) 上文本呈现不一致且某些字体比其他字体大的字体大小问题？

在无序列表中的项目之后添加管道分隔符，除非该项目是最后一行

CSS显示：表格列应该如何工作？

CSS 边距和填充速记属性顺序的助记符