webForumDet fria alternativet

Fet font i Select tagg

HTML & CSSur HTML, XHTML & CSS

11 svar · 335 visningar · startad av klementin

Medlem sedan aug. 2001117 inlägg
Frågan#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

------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------

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

------------------
"Herre", sa hon.

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?

------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------

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

------------------
"Herre", sa hon.

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

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

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]

------------------
"Herre", sa hon.

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.

------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------

Medlem sedan aug. 20002 975 inlägg
#8

Varför krångla till det:

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

------------------
Funktion är vackert

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

------------------
"Herre", sa hon.

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

------------------
/Klementin
-----------------------
C:\DOS
C:\DOS\Run
Run DOS Run
-----------------------

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

------------------
"Herre", sa hon.

130 ms totalt · 3 externa anrop · v20260731065814-full.4bcf49fe
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
126 ms — hämta tråd, inlägg och bilagor (db)