如何使用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;应用于您的按钮。