铬CSS - 样式文件输入

Question

这里是我的文件输入呈现在Chrome：

在IE浏览器，它看起来很多更基本，这是很好的（尽管广大不一致这个特定的控制是令人沮丧！）

，用于输入我的默认CSS是：

input{ 
    font-family: arial, sans-serif; 
    font-size: 12px; 
    font-weight: bold; 
    color:White; 
    background-image:url(../images/buttonBG.png); 
    height:27px; 
    border:1px solid #000; 
    border-radius: 7px; 
    -moz-border-radius: 7px; 
    padding: 5px 20px 5px 20px; 
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.5); 
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5), inset 0px 1px 0px rgba(255, 255, 255, 0.5); 
    text-shadow: 0px 1px 2px #000; 
} 
input:hover{ 
    text-shadow: 0px 1px 2px #fff; 
    background-image:url(../images/buttonBGo.png); 
} 

正如你可以看到有两种类型的控件文本的，是有可能风格都是单独的？

还有什么方法可以专门选择文件输入？像input.file（似乎不工作）。如果这是不可能的，我该如何删除输入样式应用到的所有CSS（所以我再次使用空白平板）。

Answer 1

虽然我从来没有实现过它的任何地方，但在学习期间大约相同的我碰到这个网址

http://pixelmatrixdesign.com/uniform/

这可能会帮助你。

Answer 2

您无法区分IE中的输入类型。在新版浏览器，你也许可以用CSS3属性选择器来实现它：

input[type=button] { 
    border: 15px solid Red; 
} 

你可以做一个CSS类手动添加到您的文件输入：

<input type="file" class="inputFile" /> 
.inputFile { color: Yellow; }