multiple css expression IE

Question

I want to apply drop shadow filter only if the input type is Checkbox. Following is working

input {     
    filter: expression("progid:DXImageTransform.Microsoft.Alpha(opacity=100)");
}

However I want to include this.type=='checkbox' in it. Some thing like this

input {
    filter: expression(this.type=='checkbox' ? "progid:DXImageTransform.Microsoft.Alpha(opacity=100)":"");
}

This does not work.

It works for me in IE8, With or Without comparability mode set. — user420054, Apr 21 '11 at 03:26

score 6 · Answer 1 · answered Apr 20 '11 at 23:11

6

Try this instead:

input[type="checkbox"] { 
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

This is using the attribute selector.

You also said you're trying to apply a drop shadow - you'll have to change that Alpha filter to the DropShadow one.

answered Apr 20 '11 at 23:11

thirtydot

Unfortunately we are not using doctype to be able to use attribute selector of css. – user420054 Apr 20 '11 at 23:48
Ah. Quirks Mode is a problem. I'll have a think and see if I can come up with an alternative, or a way to fix your original snippet. – thirtydot Apr 21 '11 at 00:25

1 Answers1