Chrome CSS - Вход Styling File

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; }