January 4th, 2005, 09:20 AM
|
|
Registered User
|
|
Join Date: Jan 2005
Posts: 1
Time spent in forums: < 1 sec
Reputation Power: 0
|
|
Applying Drop Shadows to SELECTs
I'm using CSS to format an input form that contains both Text inputs and Selects. However, IE is not applying the drop shadow to the SELECT boxes, though it allocates the extra space as if it's trying to. Here's the CSS:
table.Gridtdinput {
font-size: 11px;
filter: progid XImageTransform.Microsoft.Shadow(color=#66 6666,direction=135,strength=2);
}
table.Gridtdselect {
font-size: 11px;
filter: progidXImageTransform.Microsoft.Shadow(color=#66 6666,direction=135,strength=2);
}
The text input shows the drop shadow, but the SELECT does not. However, if I remove the filter from the CSS, I can see the form resize slightly, so I can see that IE has allocated the space for the shadow, it just doesn't display it.
I know the filters are an IE-only solution, but that's OK, unless there's a reasonably simple cross-browser way to do this. The drop shadow is a really nice effect and draws the user's eye to the fields nicely.
Can anyone help?
Thanks,
Crandaddy
|
Dev Articles Community Forums Sponsor:
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
