Ext.Net按钮改变字体大小

时间:2013-08-02 13:44:51

标签: javascript asp.net css extjs ext.net

如何更改Ext.Net按钮的字体大小。 我试过了: Css:

.x-16
{
    font-size: 16px;
}

剃刀:

X.Button().Icon(Icon.PluginAdd).ID("NewTask").Text("New Task").Handler("Myapp.ShowWinAddTask").Cls("x-16")

有什么想法吗?

2 个答案:

答案 0 :(得分:1)

您需要将CSS声明修改为此

.x-16 .x-btn-default-small .x-btn-inner
{
    font-size: 16px !important;
}

并将CtCls属性设置为自定义类

X.Button().CtCls="x-16"

答案 1 :(得分:1)

我会推荐一些不同的解决方案。

它从CSS规则修剪“-small”。 “-small”部分取决于Button的比例。

它还修剪了“!important”语句,尽可能避免这种说法。

<!DOCTYPE html>
<html>
<head>
    <title>Ext.Net.MVC v2 Example</title>    

    <style>
        .x-16 .x-btn-inner {
            font-size: 16px;
        }
    </style>
</head>
<body>
    @Html.X().ResourceManager()

    @Html.X().Button().Text("Button").Cls("x-16")
</body>
</html>