Fet font i Select tagg

HTML & CSS

11 svar · 340 visningar · startad av klementin

Medlem sedan aug. 2001117 inlägg
Trådstart#1

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

Medlem sedan jan. 20016 874 inlägg
#2

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

Medlem sedan aug. 2001117 inlägg
#3

Får det inte att fungera. Kan det vara för att jag en CSS-class radan på själva Select funktionen?

Medlem sedan jan. 20016 874 inlägg
#4

Skulle man kunna få se källan? lite lättare att svara varför då.
En lite url räcker.

/frankof

Medlem sedan maj 200010 687 inlägg
#5

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"..

Medlem sedan jan. 20016 874 inlägg
#6

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]

Medlem sedan aug. 2001117 inlägg
#7

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.

Medlem sedan aug. 20002 975 inlägg
#8

Varför krångla till det:

<option><b>Välj:</b></option>

Medlem sedan juni 20008 205 inlägg
#9

För att det inte funkar, kanske?

Medlem sedan jan. 20016 874 inlägg
#10

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

Medlem sedan aug. 2001117 inlägg
#11

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 :-)

Medlem sedan jan. 20016 874 inlägg
#12

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

272 ms totalt · 4 externa anrop · v20260731065814-full.d34c6d5a
128 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
134 ms — ändringar (db)