如何为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>