c# - 使用 MVC 5 EditorFor 从输入类型的数字中删除 slider /微调器

Question

我将 Razor 与 MVC 5 一起用于具有整数值的模型。如果我使用

@Html.EditorFor(model => model.WeekPrice, new { htmlAttributes = new { @class = "form-control" } })

我在文本框中出现了一个 slider /微调器；生成的 HTML 是:

<input type="number" ...

如果我使用 @Html.TextboxFor(model 或将数据类型更改为 decimal，微调器将消失并且 HTML 输入类型更改为文本。

如何使用 EditorFor 并抑制微调器？

Answer 1

我看不出有什么理由不能将 TextBoxFor() 用于此目的，因为本质上您是在尝试将其显示为普通的 TextBox 控件，而不是数字上/下控制。无论如何，您可以使用 CSS 来实现这一点。取自CSS Tricks: Turn Off Number Input Spinners

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}