lite css fixar väl det.
.fet {font-weight:bold;}
<form action="*">
<select size="1" onChange="linkselect (this.options[this.selectedIndex].value)" name="select1">
<option value="" class="fet">Sökmotorer</option><!--rad 1-->
osv......
/frankof
11 svar · 340 visningar · startad av klementin
Hej!
Jag har en Select meny på en sida och nu undrar jag hur man får tex. det översta valet i fet stil och dom andra "normala".
Tack på förhand
lite css fixar väl det.
.fet {font-weight:bold;}
<form action="*">
<select size="1" onChange="linkselect (this.options[this.selectedIndex].value)" name="select1">
<option value="" class="fet">Sökmotorer</option><!--rad 1-->
osv......
/frankof
Får det inte att fungera. Kan det vara för att jag en CSS-class radan på själva Select funktionen?
Jäbrans frankof. Skriv inte class="fet"!
Känns mer korrekt att skriva class="first", class="defaultoption" eller något liknande.
För skriver man du gör, fet som klassnamn så kan man ju lika gärna skriva style="font-weight: bold"..
Det var ett exempel Erik, vad personen i fråga väljer att döpa sina klasser till skiter jag i(är ändå på jobbet nu så jag saknar min lilla wisky).
/frankof (hatar sena fredagar på jobbet]
Först kommer denna kod:
<style type="text/css">
.Input
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8pt;
font-weight: normal;
font-style: normal;
font-variant: normal;
background-color: eeeeee;
color: 000000;
text-transform: none;
text-decoration: none;
text-indent: 1px;
line-height: 13px;
letter-spacing: 0px;
text-align: left;
vertical-align: baseline;
border-left: 1px solid rgb(0,0,0);
border-right: 1px solid rgb(0,0,0);
border-top: 1px solid rgb(0,0,0);
border-bottom: 1px solid rgb(0,0,0);
margin: 0px;
padding: 0px
}
</style>
Och sen kommer själva select koden så här:
<select class="Input" name="Test" rows="1">
<option>Välj:</option>
<option value="Test1">Test 1</option>
<option value="Test2">Test 2</option>
</select>
Jag vill att texten Välj skall vara i fet still.
För att det inte funkar, kanske?
tja..
Något flödar inte riktigt som man tänkt sig
Eftersom font-weight:normal är default fattar jag inte riktigt varför du har med det.
Du kan ju testa att inte använda class på din selectmeny och bara classa det du vill ha avvikande, eller helt enkelt ta bort "font-weight:normal"
Och göra en ny class med font-weight:bold (glöm inte att döpa den till något vettigt, kolla Eriks förslag )
Eller använd inline style.
/frankof
Nix det fungerar inte ens om jag tar bort class:en på select-taggen och bara har font-weight:bold på option-taggen, så jag antar att det inte går att göra så här alls. Tack ialla fall för att ni orkade tar er tid :-)
Hmm..
Testade lite lokalt, och just font-weight:bold; verkar inte fungera i <option>, deremot är det inget problem att ändra t.ex. bakgrundsfärg.
/frankof