Cross browser's probelm to highlight option item as bold in form element "select".

Posted by Vivek on Stack Overflow See other posts from Stack Overflow or by Vivek
Published on 2010-04-27T09:55:59Z Indexed on 2010/04/27 10:03 UTC
Read the original article Hit count: 318

Filed under:
|

Hello All ,

I am facing one weird cross browsers problem i.e. I want to highlight some of the option items as bold by using CSS class in my form element "select". This all is working fine in firefox only but not in other browsers like safari , chrome and IE .Given below is the code.

<html>
 <head>
  <title>MAke Heading Bold</title>

  <style type="text/css">

  .mycss {font-weight:bold;}

  </style>

 </head>

 <body>

  <form name="myform">

   <select name="myselect">

    <option value="one">one</option>
    <option value="two" class="mycss">two</option>
    <option value="three" >Three </option>
   </select>

  </form>
 </body>
</html>

Please suggest me best possible solution for this .

Thanks Vivek

© Stack Overflow or respective owner

Related posts about css

Related posts about html