hinzufügen deaktiviert Stil (CSS) zur Eingabe von Dateityp-Taste

Question

ich eine Eingabedatei Schaltfläche in JQuery bin zu deaktivieren, die

$('#ID').attr('disabled', true) 

Allerdings arbeitet, sieht die Schaltfläche weiterhin aktiviert und zeigt nicht die Behinderten Stil (grau)

ich habe versucht, die CSS

// Example 
$('#ID').css("background-color", 'yellow') 

Wechsel Aber unabhängig davon, welche CSS ich den Knopf nie Stil ändert setzen.

Was kann ich tun?

das Objekt I (HTML)

<input type="file" id="ID" class="" name="files[]" multiple /> 

Dank

Answer 1

Sorry für vorherige Antwort.

Ich schlage vor, Sie überprüfen this link to know possibility über die Änderung eines input file Stils.

div.fileinputs { 
 
\t position: relative; 
 
} 
 

 
div.fakefile { 
 
\t position: absolute; 
 
\t top: 0px; 
 
\t left: 0px; 
 
\t z-index: 1; 
 
} 
 

 
input.file { 
 
\t position: relative; 
 
\t text-align: right; 
 
\t -moz-opacity:0 ; 
 
\t filter:alpha(opacity: 0); 
 
\t opacity: 0; 
 
\t z-index: 2; 
 
}

<div class="fileinputs"> 
 
\t <input type="file" class="file" disabled/> 
 
\t <div class="fakefile"> 
 
\t \t <input disabled/> 
 
\t \t <img src="http://fptp.uthm.edu.my/mba/images/911c660826c0b.png" style="width:30px;"/> 
 
\t </div> 
 
</div>

statt wahren Sie disabled verwenden können;

$("#ID").attr('disabled','disabled'); 

oder können Sie verwenden .prop()

$("#ID").prop('disabled', true); 
$("#ID").prop('disabled', false); 

Answer 2

Sie können die CSS-Selektor bin mit verwenden: disabled http://www.w3schools.com/cssref/sel_disabled.asp

.yourButtonClass: disabled {background-color: #dddddd; }

Answer 3

Verwenden Sie stattdessen prop attrtr:

$("#id").prop("disabled",true); 

https://jsfiddle.net/8fvga3xk/8/