css - 如何使用 Semantic-UI 获得未修改的大小写按钮？

Question

Semantic-Ui似乎只提供uppercase按钮（通过text-transform）。CSS 在不修改按钮大小写的情况下使用此 UI 框架的最佳方法是什么？

Answer 1

在您自己的 CSS 中，只需设置text-transform为初始值：

.ui.button {
    text-transform: initial;
}

该initial属性将使您的按钮文本与 HTML 中的文本保持一致。

HTML    Uppercase    Initial
Foo     FOO          Foo
fOO     FOO          fOO
FOO     FOO          FOO

Answer 2

应用于text-transform:none !important;您的按钮。