Styling der file selection

[PGJ]

Mein html-code sieht folgendermaßen aus:

  
<div id='file_browse_wrapper'>  
				<form id="upLoadETHZConfirmation" name="upLoadETHZConfirmation" method="post" enctype="multipart/form-data">  
					<input onchange="fileSelectETHZConfirm()" id="file_browse" type="file" name="file_browse_ETHZ" size="20" style="width:230px">  
				</form>  
			</div>  

Der zugehörige css-Teil ist folgender:

  
#file_browse_wrapper {  
    width: 93px;  
    height: 28px;  
    background: url('file_browse_normal.png') 0 0 no-repeat;  
    border:none;  
    overflow:hidden;  
}  
#file_browse_wrapper:hover {  
    background: url('file_browse_hover.png') 0 0 no-repeat;  
}  
#file_browse_wrapper:active {  
    background: url('file_browse_pressed.png') 0 0 no-repeat;  
}  
#file_browse_wrapper:disabled{  
	background: url('file_browse_disabled.png') 0 0 no-repeat;  
}  
#file_browse{  
    margin-left:-145px;  
    opacity:0.0;  
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  
}  

Warum wird, wenn die datei auswahl deaktiviert wurde das Bild 'file_browse_disabled.png' nicht geladen?

[Matze]

Hallo!

Warum wird, wenn die datei auswahl deaktiviert wurde das Bild 'file_browse_disabled.png' nicht geladen?

Weil es keine Pseudoklasse "disabled" gibt.
"disabled" kannst du aber auf das Input-Feld anwenden. Dort gibt es das als Attribut.
Attribute sprichst du so an:

#file_browse[disabled="disabled"]{  
    /* some css */  
}

Grüße, Matze

[MudGuard]

Hi,

Warum wird, wenn die datei auswahl deaktiviert wurde das Bild 'file_browse_disabled.png' nicht geladen?

Weil es keine Pseudoklasse "disabled" gibt.

doch, gibt es

cu,
Andreas

[Matze]

Hallo!

Weil es keine Pseudoklasse "disabled" gibt.

doch, gibt es

Huch, das ist mir tatsächlich neu. Danke! Da ich das bisher überhaupt nicht kannte, sah ich keinen Grund nochmal gesondert auf die Verbindung zum div hinzuweisen.

best regards!

[MudGuard]

Hi,

<div id='file_browse_wrapper'>

#file_browse_wrapper:disabled{

Warum wird, wenn die datei auswahl deaktiviert wurde das Bild 'file_browse_disabled.png' nicht geladen?

Weil das div kein disabled-Status kennt?

cu,
Andreas