大写 文本元素的用法

Upper case Usage for text elements

本文关键字：用法 元素 文本 大写      更新时间：2023-09-26

>我有一个带有加载函数的锚标签 

onload="<%VectorAsset("Please enter HERE", 400,40)%>"

单词HERE是硬编码的。我想删除硬编码的大写字母，并希望CSS或Java脚本这样做。我尝试应用{text-transform: uppercase }属性，但整个句子都是大写的。我只需要将特定的单词HERE大写。我该怎么做？

如果出于某种原因你真的想用纯 CSS 来做这件事，你可以改为用 :after 伪选择器附加文本，并在其上调用 CSS 属性text-transform: uppercase。

<span id="asdf">asdf</span>
#asdf:after {
  content: "hjkl";
  text-transform: uppercase;
}

https://jsfiddle.net/g5nzakhw/

否则（我相信这更有意义），通过将所需的文本包装在内联元素中来为 CSS 提供一些选择，然后调用text-transform: uppercase。

<h3 id="asdf">asdf<span>hjkl</span></h3>
#asdf span {
  text-transform: uppercase;
}

https://jsfiddle.net/g5nzakhw/1/

您应该将这两个组分开，以便可以对它们进行单独的操作。

<span>Please enter <span>HERE</span></span>
<span>Please enter <span class="AllUpperCase" id="UpperCaseMe">HERE</span></span>
<span>Please enter <span><%VectorAsset("HERE", 400,40)%></span></span>
<script>
    // onload
    var $UpperCase = $("#UpperCaseMe");
    $UpperCase.html($UpperCase.html().toUpperCase());
</script>
相关文章：