我知道您可以通过此操作更改文本框的宽度
@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" })
但这行不通。文本框的大小仍然保持不变
我错过了什么?
最佳答案
您的 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;
}
关于asp.net - 使用css设置kendoui样式文本框的宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15184106/