css - 如何仅为 css 中的选定符号设置大写锁定？

Question

我下载了一种字体并设置了font-variant: small-caps;。工作正常，但我的数字太大了。现在我想知道是否有任何方法可以只为字母设置大写锁定，而不是数字？我知道理论上数字没有大写锁定形式，但在我的情况下他们有。有什么解决办法吗？

Answer 1

使用 text-transform 属性。

    p.uppercase, textarea {
        text-transform: uppercase;
    }
    
    p.lowercase {
        text-transform: lowercase;
    }
    
    p.capitalize {
        text-transform: capitalize;
    }

    <p class="uppercase">This is some text. 123</p>
    <p class="lowercase">This is some text.</p>
    <p class="capitalize">This is some text.</p>
    <textarea>This is input text 1234</textarea>