Question

我有一个带加载功能的锚标记

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

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

Answer 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>

Answer 2

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

<span id="asdf">asdf</span>

#asdf:after {
  content: "hjkl";
  text-transform: uppercase;
}

https://jsfiddle.net/g5nzakhw/

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

<h3 id="asdf">asdf<span>hjkl</span></h3>

#asdf span {
  text-transform: uppercase;
}

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

文本元素的大写用法

2 个答案: