About Quomon
Quomon is a network of IT professionals from around the world, collaborating by sharing knowledgeable answers in their specific field of expertise.
Answer Question
Webfont is not working in IE in select option tag
I have used the select option tag and style the dropdown by css, it is working fine in firefox and chrome, but in IE the option font is not displaying which I have given in class. It is displaying the font in arial by default in IE. I have written the following code(HTML and CSS). Please guide me what to do so that the dropdown should also display the following font "font-family:'MyriadProCondensed'" in IE also similar to the firefox and chrome..
===HTML===
-- Choose Insurance Type --
Motor Insurance HomeOwner’s Insurance
====CSS===
<br> <br>.styled_select_outer {width:172px; height:22px;} <br> <br>.styled_select { <br>width: 195px; <br>cursor: pointer; <br>margin-top:1px; <br>position:relative; <br>z-index:10; <br>opacity:0; <br> <br>} <br> <br>span.styled_selected_text { <br>background:url(images/homedrop.png) no-repeat scroll 0 0; <br>padding-left:7px; <br>width:265px; <br>color:#4A3E31; <br>font-family:arial,sans-serif; <br>line-height:21px; <br>font-size:12px; <br>height:32px; <br>font-weight:normal; <br>position:absolute; <br>z-index:5; <br>} <br>
<br> <br>.styled_select{filter:alpha(opacity=0); font-family:'MyriadProCondensed'!important; margin-left:-1px; margin-top:6px; } <br>
<br> <br>.styled_select{width: 100%; font-family:'MyriadProCondensed'!important; margin-left:0px; margin-top:6px; } <br>
===HTML===
-- Choose Insurance Type --
Motor Insurance HomeOwner’s Insurance
====CSS===
<br> <br>.styled_select_outer {width:172px; height:22px;} <br> <br>.styled_select { <br>width: 195px; <br>cursor: pointer; <br>margin-top:1px; <br>position:relative; <br>z-index:10; <br>opacity:0; <br> <br>} <br> <br>span.styled_selected_text { <br>background:url(images/homedrop.png) no-repeat scroll 0 0; <br>padding-left:7px; <br>width:265px; <br>color:#4A3E31; <br>font-family:arial,sans-serif; <br>line-height:21px; <br>font-size:12px; <br>height:32px; <br>font-weight:normal; <br>position:absolute; <br>z-index:5; <br>} <br>
<br> <br>.styled_select{filter:alpha(opacity=0); font-family:'MyriadProCondensed'!important; margin-left:-1px; margin-top:6px; } <br>
<br> <br>.styled_select{width: 100%; font-family:'MyriadProCondensed'!important; margin-left:0px; margin-top:6px; } <br>
