Ext.Net按钮更改字体大小

Ext.Net button change font size

本文关键字:字体 Net 按钮 Ext      更新时间:2023-09-26

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

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

剃刀:

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

有什么想法吗?

您需要将CSS声明修改为此

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

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

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

我推荐一个稍微不同的解决方案。

它从CSS规则中删除"-small"。"-小"部分取决于按钮的比例。

此外,它还修剪了"!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>