Notifikationer

Markér alle som læst Log ud

mmolsen Nybegynder

18. juni 2003 - 23:19 Der er 6 kommentarer og
2 løsninger

Css til dropdownmenu <select>

Kan man ikke ændre pilens udseende i en <Select> med Css, og for så vidt også udseende på knappen ??

Ved godt man kan ændre text og bg farve i selve boxen.

Venlig hilsen

Morten Olsen

Synes godt om

michael_stim Ekspert

18. juni 2003 - 23:34 #1

Tror desvärre ikke det kan lade sig göre, har kikket lidt på spörgsmål som ligner dit, her på eksperten men kan ikke finde noget svar.
//Michael

Synes godt om

medions Nybegynder

19. juni 2003 - 00:11 #2

http://www.eksperten.dk/spm/268589

Prøv at læs hvad Oscar_San skriver...

//>Rune

Synes godt om

brokkehoved Nybegynder

19. juni 2003 - 02:21 #3

Hejsa.
Jo, de er alligevel nogle attributter og/eller styles som man kan justere en dropdown-box med. Men så kan man altså heller ikke presse flere justeringer ud af en dropdown-box, end dem jeg har vist her.
Se selv her:
**************************************************************************
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>test</title>
<style type="text/css">
select.menu {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
width: 100pt; }
option.farve_1 {
color:#99FF00;
background-color:#333333; }
option.farve_2 {
color:#FF0000;
background-color:#666666; }
option.farve_3 {
color:#ffffff;
background-color:#999999; }
</style>
</head>

<body>
<p class="farve_1">
<select class="Menu">
<option class="farve_default" >Web-teknologi:</option>
<option value="html" class="farve_1" >html</option>
<option value="dhtml" class="farve_1" >dhtml</option>
<option value="xhtml" class="farve_1" >xhtml</option>
<option value="javascript" class="farve_2">javascript</option>
<option value="css" class="farve_2" >css</option>
<option value="design" class="farve_2" >design</option>
<option value="ASP" class="farve_3" >ASP</option>
<option value="SQL" class="farve_3" >SQL</option>
<option value="MySQL" class="farve_3" >MySQL</option>
<option value="Access" class="farve_3" >Access</option>
</select>
</p>
</body>
</html>
**************************************************************************

Synes godt om

roenving Novice

19. juni 2003 - 02:35 #4

>>brokkehoved

Nu havde du jo smidt det som en XHTML 1.0 doctype, så jeg måtte jo lige checke atder ikke var nogen fejl, hvis jeg kaldte det html 4 ...

Den eneste forskel, som kom ud af det var, at et <p>-tag er block-level, så da jeg fjernede de eksplicitte henvisninger til options i style-sheetet blev resten af linjen også med sort baggrund ...

-- og vi kan kunkludere at selecten ikke bliver anderledes, men options kan vi modificere !o]

Synes godt om

=maddog= Nybegynder

19. juni 2003 - 04:42 #5

Vi kan godt lege lidt.
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled - XHTML 1.0</title>
<style type="text/css">
/* STYLESHEET */
.s_set {
border: 1px solid black;
background-color: transparent;
font: 12px sans-serif, Ariel;
width: 40px;
}
.sel_outer {
width:200px;
height: 20px;
border: 1px solid black;
margin: 2px;
}
.sel_inner {
position:absolute;
width:200px;
height: 20px;
font: 12px sans-serif, Ariel;
clip: rect(2px 198px 18px 2px);
}
</style>
</head>
<body>
<form action="#" onsubmit="runonce(this); return false;">
<label> Servings: </label>
<input class="s_set" type="text" value="0" /> <br />

<div class="sel_outer"><select class="sel_inner" id="dinner">
<option value="noselect">--Select a dinner--</option>
<optgroup id="entre" label="Entrés">
<option value="a_a_v">Artischokes áu vin</option>
</optgroup>
<optgroup id="light" label="Light Meals">
<option value="omelete">Eggwhite Omelet w. Choves</option>
</optgroup>
<optgroup id="main" label="Main Courses">
<option value="f_m">Filet Mignon</option>
</optgroup>
<optgroup id="dessert" label="Desserts">
<option value="souf">Soufflé w. white chocolate</option>
</optgroup>
</select></div>
<input type="submit" value="Order" />
</form></body></html>

Men hvor skide smart det i grunden er skal jeg lade være usagt.

Synes godt om

=maddog= Nybegynder

19. juni 2003 - 04:45 #6

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

nu hvor roenvig er ude med riven :D

Synes godt om

mmolsen Nybegynder

19. juni 2003 - 14:04 #7

Ok så det kan man altså ikke. Det er da godt nok en stener, da sådan en grå standart knap, ikke er særlig pæn.

Men jeg fik jo svar (at man ikke kan) så i får points.

Ude.....

Synes godt om

brokkehoved Nybegynder

19. juni 2003 - 14:20 #8

Tak for point. Håber at du kunne bruge ihvertfald noget af det. :-)
Alternativet er at lave en dropdown-box i Flash... Men det kræver, at brugerne har accepteret at installere Flash i deres browsere. Og det er bestemt ikke noget man kan gå ud fra som sikkert.
Så du er nok tilbage til den ovenstående model, som jeg har lagt til dig. Så er du ihvertfald sikret, at ALLE brugere kan navigere rundt på dit website.

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS