使用标签助手设置 kendo 数字文本框的宽度

Question

标题说的差不多了，我已经搜索了文档，我能找到的只有这个：

https://docs.telerik.com/aspnet-core/tag-helpers/editors/numerictextbox/overview

根本没有解决它。

这是我当前的代码行：

    <kendo-numerictextbox name="currency" id="txtCheckNumber"  format="#" min="0" enable="true" max="9999999999" spinners="false" value="10001" > </kendo-numerictextbox>

我已经尝试了明显的 width="100px" 和 width="100" 但没有成功

Answer 1

我能弄清楚如何设置宽度的唯一方法是覆盖包装跨度和输入上的 Kendo 样式。

<style type="text/css">
    .k-widget.k-numerictextbox {
        width: 100px !important;
    }
    .k-numeric-wrap.k-state-default {
        width: 100px !important;
    }
    .k-numeric-wrap input {
        width: 100px !important;
    }
</style>

使用标签助手设置 kendo 数字文本框的宽度

set the width of a kendo numeric text box with tag helpers

telerik

tag-helpers