asp.net - 使用css设置kendoui样式文本框的宽度

Question

我知道您可以通过此操作更改文本框的宽度

@Html.TextBoxFor(m => m.LoginId, new { @class = "k-textbox", style="width:400px" })

但我想要一种更简洁的方法。

我尝试将它添加到一个新的 css 文件中

.k-textbox .small {
    width: 50px !important;
}
.k-textbox .medium {
    width: 120px !important;
}
.k-textbox .large {
    width: 320px !important;
}

在我的 cshtml 文件中

@Html.TextBoxFor(m => m.LoginId, new { @class = "k-textbox medium" })

但这行不通。文本框的大小仍然保持不变

我错过了什么？

Answer 1

您的 CSS 定义有误。

.k-textbox .medium 表示您有一个带有 class="k-textbox" 的 DOM 元素，并且在这个 DOM 元素内有另一个带有 class 的元素="medium" 这不是你的情况。只需去掉 CSS 规则中的空格即可:

.k-textbox.small {
    width: 50px !important;
}
.k-textbox.medium {
    width: 120px !important;
}
.k-textbox.large {
    width: 320px !important;
}