使用MVC 5 EditorFor从输入类型的数字中删除滑块/微调器

Question

我使用带有MVC 5的Razor作为具有整数值的模型。如果我使用

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

我在文本框中出现了一个滑块/微调器;生成的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; 
}