11 svar · 335 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
------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------
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
------------------
"Herre", sa hon.
Får det inte att fungera. Kan det vara för att jag en CSS-class radan på själva Select funktionen?
------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------
Skulle man kunna få se källan? lite lättare att svara varför då.
En lite url räcker.
/frankof
------------------
"Herre", sa hon.
Jäbrans frankof. Skriv inte class="fet"! :p
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"..
------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/
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]
------------------
"Herre", sa hon.
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.
------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------
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 :p )
Eller använd inline style.
/frankof
------------------
"Herre", sa hon.
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 :-)
------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------
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
------------------
"Herre", sa hon.
