当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《使用MVC5EditorFor从输入类型的数字中删除滑块/微调器》经验,为你挑选了1个好方法。

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

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

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



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

我如何使用EditorFor和压制微调器?



1> Rahul..:

我没有看到任何理由为什么你不能TextBoxFor()用于此目的因为基本上你试图将它显示为普通TextBox控制而不是数字上/下控制.无论如何,你可以使用CSS来实现这一目标.摘自CSS技巧:关闭数字输入旋转器

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

推荐阅读
可爱的天使keven_464
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有