[css] scrollbalk input(multiline) andere kleuren dan body??

[Verwijderd]

Ik heb een multiline inputfield waarvan ik de scrollbar een andere kleur wil geven als de scrollbar voor de pagina(body). Mijn inputfield staat binnen div-tags die het id 'funcdiv' heeft.

Heb op internet gezocht, maar wordt een beetje moe dat ik alleen maar info vind over hoe je de body-scroll moet kleuren... dat weet ik wel

ik heb zelf (in een longshot) hetvolgende geprobeerd, wat dus helaas niet werkt:

Cascading Stylesheet:

#funcdiv input{
    scrollbar-3dlight-color:#A2BAC8;
    scrollbar-arrow-color:#E8BA00;
    scrollbar-base-color:#22333C;
    scrollbar-track-color:#22333C;
    scrollbar-darkshadow-color:#A2BAC8;
    scrollbar-face-color:#4F738C;
    scrollbar-highlight-color:#22333C;
    scrollbar-shadow-color:#22333C;
}

hoe zou ik dit wel voor elkaar kunnen krijgen? Of is dit niet mogelijk?? (ik heb het nog nooit gezien nml. )

[whoami]

CSS, clientside stuff , hoort thuis in W&G, niet in P&W

[Willem]

Een input kan helemaal geen scrollbar bevatten
<select> of <textarea> daarentegen wel

hit me if I'm wrong

[ Voor 23% gewijzigd door Willem op 08-10-2003 15:31 ]

[Verwijderd]

hmm ja, niet op gelet... heb nml. vanaf de search gelijk gepost... wel irri dat dit mogelijk is

[Johnny]

Verwijderd schreef op 08 October 2003 @ 15:26:
Ik heb een multiline inputfield waarvan ik de scrollbar een andere kleur wil geven als de scrollbar voor de pagina(body). Mijn inputfield staat binnen div-tags die het id 'funcdiv' heeft.

Een id moet uniek zijn, je kan du sniet twee id's maken met dezlefde naam. Gebruik class="funcdiv"

Heb op internet gezocht, maar wordt een beetje moe dat ik alleen maar info vind over hoe je de body-scroll moet kleuren... dat weet ik wel

ik heb zelf (in een longshot) hetvolgende geprobeerd, wat dus helaas niet werkt:

Cascading Stylesheet:

#funcdiv input{
    scrollbar-3dlight-color:#A2BAC8;
    scrollbar-arrow-color:#E8BA00;
    scrollbar-base-color:#22333C;
    scrollbar-track-color:#22333C;
    scrollbar-darkshadow-color:#A2BAC8;
    scrollbar-face-color:#4F738C;
    scrollbar-highlight-color:#22333C;
    scrollbar-shadow-color:#22333C;
}

hoe zou ik dit wel voor elkaar kunnen krijgen? Of is dit niet mogelijk?? (ik heb het nog nooit gezien nml. )

Het is mogelijk, ik heb het vaak genoeg gedaan, het werkt touwens alleen in MSIE vanaf 5.5.

Doe het op de volgende manier (afhankelijk van het feit of je een select, of textarea gebuikt):

code:

textarea.funcdiv {}
select.funcdiv {}

[ Voor 5% gewijzigd door Johnny op 08-10-2003 15:36 ]

[Willem]

Of

Cascading Stylesheet:

div#funcdiv input.className { /* ... */ }

[Verwijderd]

ik werk in asp.net... bij mij is het een multiline textbox en had ff niet naar de output gekeken.. das dus wel textarea.

#funcdiv textarea.class{} werkt wel ja

vaag dat ik er een class bij aan moet maken... maarja, het werkt

bedankt!

[Cartman!]

let wel dat die scrollbar kleuren alleen in IE werken, en t ook geen geldige css is eigenlijk volgens de W3C standaard.

Zodra ik iig. die scrollbar dingen zet bij de body{} dan neemt textarea t gewoon over

code:

body{
    scrollbar-3dlight-color:#A2BAC8;
    scrollbar-arrow-color:#E8BA00;
    scrollbar-base-color:#22333C;
    scrollbar-track-color:#22333C;
    scrollbar-darkshadow-color:#A2BAC8;
    scrollbar-face-color:#4F738C;
    scrollbar-highlight-color:#22333C;
    scrollbar-shadow-color:#22333C;
}

dus