作者:河南王修华 | 来源:互联网 | 2023-05-20 11:26
我在ASP.NET MVC项目中有一个使用引导程序的表单,它使用Razor助手使用了几个select元素:
@Html.DropDownListFor(m => m.project_type, project_type_items, new { @class = "form-control" })
这创建了元素:
这在IE和Firefox中运行良好,但在Chrome中查看,下拉列表中的箭头丢失,因此该元素看起来是文本输入.单击该元素仍将显示选择菜单.
在研究这个问题时,我没有在Chrome中找到有关此问题的信息,但我遇到了关于默认Android浏览器的类似问题:http:
//getbootstrap.com/getting-started/
和PhoneGap build webkit-appearance no drop down arrow用于选择标签
我的问题是:为什么这些选择无法在Chrome中正确呈现并且有解决方法吗?
谢谢!
1> scurrie..: 找到解决方案,无需解决方法.这可能是愚蠢的; 我正在使用bootswatch中的bootstrap主题,其中select为css-webkit-appearance: none
以下编辑解决了Chrome中的问题(可能是Safari):
select.form-control {
-webkit-appearance: menulist;
}
按照W3