Rulleliste ændring af design?

taler du om en HTML selectboks eller? Kan du give et link og/eller en lidt nærmere forklaring?

Ja, det er en HTML box, som jeg kunne tænke mig at ændre på, noget i denne stil:

<select size="1" name="soeg" id="t1" onchange="this.form.submit()" style="margin:0px 0px 0px 0px; width:180px;height: 35px; border-radius:20px;font-size:17px;">


men jeg vil som sagt gerne fjerne den højre knap, da den er overflødig.

enkelte elementer - heriblandt selectboksen - er styret ret kraftigt ud fra klienten så du har ikke mange muligheder for at pille ved indstillingerne. Bedste alternativ er formentlig at kigge på jQuery og deres UI kontroller eller kigge på deres mobile løsninger.

ja, tænkte nok det var noget i den stil, så det vil jeg gøre.

smid et svar, og fortsat god søndag herfra.

mvh. rwj

<ole>

Hvad mener du helt præcist med: "den højre side af selectboksen er med"? Måske, der alligevel findes et 'lusket cowboytrick'  =)

/mvh
</bole>

den højre side, altså der hvor rullelisten er "grå" og har en nedadgående pil. Den er jo overflødigt ifm mobilsider.

havde du en trick:-)?

Du kan prøve dette eksempel som udgangspunkt for videre udvikling:

NB: Der må ikke være white-space mellem SELECT og INPUT. Så vil nextSibling nemlig være textNoden - ikke INPUT elementet.

Hvis du skal understøtte ældre IE'er, skal du også udvide dine opacity styles med et Alpha filter

Tak, det virker i alle browsere, dog har jeg som du selv henviser til, ikke tjekket ældre IE.

Jeg ville dog gerne have at der stod noget i boksen som udgangspunkt, og gjorde sådan, men det virker ikke, har du et forslag til det?

<div style="width:80px;overflow:hidden;border:1px solid red">
    <select onchange="this.nextSibling.value=this.options[this.selectedIndex].text"
        style="position:absolute;width:100px;opacity:0">
        <option selected value="0">Vælg Farve</option>
        <option value="1">Item #1</option>
        <option value="2">Item #2</option>
        <option value="3">Item #3</option>
    </select><input style="width:100%;border:0" type="text">
</div>

Til Keysersoze, jeg giver pointene til olebole, da jeg kan bruge svaret fra ham, sorry:-)

jeg tilføjede noget kode, og herefter fik jeg så tekst i boksen. Jeg ved ikke om det er den bedste metode, men sådan ser koden ud nu:

<div style="width:80px;overflow:hidden;border:1px solid red">
    <select  onchange="this.nextSibling.value=this.options[this.selectedIndex].text"
        style="position:absolute;width:100px;opacity:0">
        <option value="1">Item #1</option>
        <option value="2">Item #2</option>
        <option value="3">Item #3</option>
    </select><input style="width:100%;border:0" type="text"><b><div style="margin-top:-19px;">Vælg farve</div></b>
</div>

Desværre jeg var lidt for hurtigt ude, min løsning på tekst i boksen virker ikke, da et valg af listen vil medføre, at der står 2 tekster samme sted. Det ser ud af h.. til og duer naturligvis ikke. Øv:-(

Det er helt elementær HTML: Skriv teksten i INPUT elementets value attribut  =)

Selvfølgelig, det havde jeg lige overset, og er fikset nu. Virker perfekt.

Tak for hjælpen, smider du et svar?

Iøvrigt god sommer.

Mvh. rwj

Ellers tak, jeg samler ikke point. Men keysersoze gav dig faktisk et svar, som er helt korrekt, så prøv at spørge ham  =)

SELECT elementet er lidt en bastard af HTML og OS. Grunden til, at det her overhovedet kan lade sig gøre, er, at selve SELECT'ens 'tekstfelt' og pilknap ligger direkte i dokumentet og derfor skal kunne modtage CSS som opacity. Til gengæld viser løsningen også tydeligt, at selve popup'en er af 'anden etnisk oprindelse'. Den hører faktisk nærmere til i styresystemet og lader sig ikke sådan gemme

jeg overlever uden :)

Ok til begge, jeg siger i hvert fald mange tak med ønske om en god sommer herfra.

mvh. rwj

Selvtak og i lige måde. Hvis ikke soze ønsker point, bør du selv lægge et svar og acceptere det, så tråden lukkes  =)

hermed gjort