javascript - 使标签的首字母大写

Question

编辑:

这似乎是徒劳的尝试，因为如果有伪元素，似乎没有办法使第一个字母大写，不幸的是，伪元素不能移动或删除，因为下面尝试的答案希望它是。无论如何，非常感谢您提供的所有帮助。

---

我附上了一个代码示例，只是为了让事情变得更容易一些。

我想知道我这样做是否正确，或者这是徒劳的尝试。希望上帝保佑，像这样简单的事情不需要 JavaScript。

非常感谢您的任何见解!

label span:before {
  display: inline-block;
    content: " ";
  width: 10px; height: 10px;
    margin-right: 10px;
  border: 1px solid #333;
}

label {
  text-transform: lowercase;
}

label::first-letter {
  text-transform: uppercase;
}

<label>
  <span>
    TESTING
  </span>
</label>

Answer 1

您必须将单词的第一个字母设为大写，其余字母设为小写。你还需要让标签显示:inline-block;

jsfiddle:http://jsfiddle.net/afg3eegs/1/

label {
    display: inline-block;
    text-transform: lowercase;
}

label::first-letter {
    text-transform: uppercase;
}

<label>
    <span>
        TESTING
    </span>
</label>

希望这对您有所帮助。