This week's giveaway is in the Spring forum.
We're giving away four copies of Microservices Testing (Live Project) and have Chris Love & Andres Sacco on-line!
See this thread for details.
Win a copy of Microservices Testing (Live Project) this week in the Spring forum!
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Tim Cooke
  • Ron McLeod
  • Jeanne Boyarsky
  • Paul Clapham
Sheriffs:
  • Liutauras Vilda
  • Henry Wong
  • Devaka Cooray
Saloon Keepers:
  • Tim Moores
  • Stephan van Hulst
  • Tim Holloway
  • Al Hobbs
  • Carey Brown
Bartenders:
  • Piet Souris
  • Mikalai Zaikin
  • Himai Minh

Trouble with displaying fonts

 
Ranch Hand
Posts: 47
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Hi

I have the following code which i am trying to get work.All i need is to display the font in the same font style in the dropdown list.I mean i want to see the option in the dropdown in the same font.Arial should be seen as Arial.But this is not working.Can somebody help?

<select size="1" name="SelectFont" onChange="dosomething()">
<option style="font-family: AndaleMono;" value="Andale Mono">Andale Mono</option>
<option style="font-family: Arial;" value="Arial">Arial</option>
<option style="font-family: Arial Black;" value="Arial Black">Arial Black</option>
<option style="font-family: Arial Narrow;" value="Arial Narrow">Arial Narrow</option>
<option style="font-family: Comic Sans MS;" value="Comic Sans MS">Comic Sans MS</option>
<option style="font-family: Courier New;" value="Courier New">Courier New</option>
<option style="font-family: Helvetica;" value="Helvetica">Helvetica</option>
<option style="font-family: Impact;" value="Impact">Impact</option>
<option style="font-family: System;" value="System">System</option>
<option style="font-family: Tahoma;" value="Tahoma">Tahoma</option>
<option style="font-family: Times New Roman;" value="Times New Roman">Times New Roman</option>
<option style="font-family: Trebuchet MS;" value="Trebuchet MS">Trebuchet MS</option>
<option style="font-family: Verdana;" value="Verdana">Verdana</option>
<option style="font-family: Wingdings;" value="Wingdings">Wingdings</option>
</select>
 
Sheriff
Posts: 67650
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
The browsers do not apply font rules to select options.
 
Divya Guttikonda
Ranch Hand
Posts: 47
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Oh!Thanks i didn't knew that.So is there any other way that i can accomplish this?Please suggest.
 
Bear Bibeault
Sheriff
Posts: 67650
173
Mac Mac OS X IntelliJ IDE jQuery TypeScript Java iOS
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
  • Quote
  • Report post to moderator
Create your own menu.
 
reply
    Bookmark Topic Watch Topic
  • New Topic