javascript - 大写标签元素的第一个字母

Question

我正在获取一些外部 html 页面，其中所有数据均以小写形式显示。使用 css，我试图将完整标签标签的第一个首字母大写，但我做不到，它使完整的大写字母如下所示:

.fontmodal {
     text-transform:capitalize !important;
}

但这并没有奏效......

<table><fieldset><div><label>DATA</label></div></fieldset></table> - 这是当前结构

现在我正在尝试在 jquery 中进行同样的操作，但我不确定要做什么以及如何进行。

这是我正在尝试的代码:

$('#Container2').find("table>label").css(textTransform,'capitalize');

Answer 1

见下文:

label {
  text-transform: lowercase;
}

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

<table>
  <fieldset>
    <div>
      <label>DATA</label>
    </div>
  </fieldset>
</table>