在我的ASP.NET站点上:输入[type ='file']在IE11中显示为'old'

时间:2014-03-14 11:12:44

标签: asp.net internet-explorer-11 input-type-file

在我的ASP.NET网站上,<input type="file">在IE11(旧式学校外观)中渲染如下:

Oldschool IE11 look

但是,我希望它看起来像这样(更现代的外观):

More modern IE11 look

在其他地方的同一IE11中尝试<input type="file">时,例如JSFiddle,看起来我想要它(更现代的外观)。

我尝试使用F12开发工具跟踪CSS样式,但我看不到任何样式导致oldschool外观。 我正在使用<!DOCTYPE html>

我的问题:可能导致oldschool看起来的原因是什么?

1 个答案:

答案 0 :(得分:0)

IE11以这种方式呈现。

如果你想改变它,你应该使用CSS,但它通常不容易。

我通常做的是创建我自己的假组件,输入类型文本和按照我想要的方式设置按钮。

我还隐藏了一个输入类型文件,当我按下我通过javascript发送的样式按钮时,单击隐藏的输入类型文件。选择文件后,我使用选定的文件名更新样式化的输入类型文本。