The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> how to aplly the font to option in select option(Urgent!)
sansugoi
post Jun 5 2012, 05:27 AM
Post #1





Group: Members
Posts: 1
Joined: 5-June 12
Member No.: 17,220



Hi all,

I am creating a dropdown by select tag, but when I style the dropdown box, and add the webfont (3rd party font) it is not working in IE, working fine in mozilla and chrome.

This is very urgent..

arial, verdana..etc.. are working..
But my client want to use the third party font,
How it will work in IE also , please guide.. I am hereby pasting the stylesheet and html code for select


Style:

<style type="text/css">

.styled_select_outer {width:172px; height:22px;}

.styled_select {
width: 195px;
cursor: pointer;
margin-top:1px;
position:relative;
z-index:10;
opacity:0;

}

span.styled_selected_text {
background:url(images/homedrop.png) no-repeat scroll 0 0;
padding-left:7px;
width:265px;
color:#4A3E31;
font-family:arial,sans-serif;
line-height:21px;
font-size:12px;
height:32px;
font-weight:normal;
position:absolute;
z-index:5;
}
</style>
<!--[if IE]-->
<style type="text/css">

.styled_select{filter:alpha(opacity=0); font-family:'MyriadProCondensed'!important; margin-left:-1px; margin-top:6px; }
</style>
<!--[endif]-->

<!--if IE 7-->
<style type="text/css" media="all">

.styled_select{width: 100%; font-family:'MyriadProCondensed'!important; margin-left:0px; margin-top:6px; }
</style>
<!--endif]-->


HTML


<div class="styled_select_outer">
<span id="styled_selected_text" class="styled_selected_text">-- Choose Insurance Type --</span>
<select class="styled_select" id="styled_select" name="test" onchange="gotourl(this.value)"> <option value="1">Motor Insurance</option> <option value="2">HomeOwner&rsquo;s Insurance</option></select>
</div>

This post has been edited by sansugoi: Jun 5 2012, 05:31 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 02:56 AM