【问题标题】:How to stop text-transform: capitalize from capitalizing (s)?如何停止文本转换:大写(s)大写?
【发布时间】:2019-09-13 16:22:50
【问题描述】:

我有以下几点:

<h2 style="text-transform: capitalize;">Creating new task(s)</h2>

我希望这显示为“创建新任务”。问题是,在 Chrome 中,它显示为“创建新任务(S)”。带有大写字母 (S)。

显然,它将“s”视为一个词。我该如何停止?

【问题讨论】:

  • 我认为没有任何纯 CSS 可以处理这个问题。可能需要JavaScript。请注意,这在 Firefox 中似乎不会发生,但在 Chrome 中会发生。
  • 在sn-p代码中没有大写。您在哪个浏览器中看到它大写?我想解决它的一种方法是使用() 而不是() 对其进行编码。
  • 确实如此,那一定是 Chrome 的错误。我已经发布了一个答案,可以为您修复它。只需将s 插入它自己的跨度并使其小写即可。

标签: css google-chrome capitalization


【解决方案1】:

我在 Chrome 中对此进行了测试。

s 放在一个跨度中并使其成为text-transform: lowercase;

<h2 style="text-transform: capitalize;">Creating new task(<span style="text-transform: lowercase;">s</span>)</h2>

【讨论】:

    猜你喜欢
    • 2023-03-14
    • 1970-01-01
    • 2012-06-20
    • 2012-11-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多