调整 Telerik DateRangePicker 组件的大小

Question

我想调整 Blazor 中 TelerikDateRangePicker 组件的输入日期框的大小，以便更好地适应我的页面。它看起来有点长，我想调整它的大小。这是原始尺寸：我尝试添加

<style>
    .k-floating-label-container {
          width: 140px !important;
     }
</style>

在运行ning时添加到页眉中，如下所示：但是，当我在 CSS 文件中执行相同操作，然后在运行应用程序中执行相同操作时，它会恢复为默认设置。对此有什么想法吗？

Answer 1

我已经联系了他们，他们说：“要调整 DateRangePicker 的内部输入的大小，您可以使用一些自定义 CSS 样式。为了使级联更容易，您可以使用可用于 TelerikDateRangePicker 的 Class 参数。为了更好地说明这个概念，我创建了一个小样本，您可以从这个 REPL link 中看到，作为以及快速运行以查看渲染结果。"

调整 Telerik DateRangePicker 组件的大小

resizing TelerikDateRangePicker components

html

css

telerik

blazor