Ciao a tutti
Ho un Problema (ovviamente!)
dal vostro sito ho scaricato un tutorial su come personalizzare il colore delle scrollbar tramite css, ma non riesco ha farlo funzionare su tutti gli oggetti html ovvero mi funziona su oggetti <text area> ma non su oggetti <select>
Come posso risolvere il problema?
ciao e grazie
Esempi
pagina HTML (esempia.htm)
<html>
<head>
<title>Esempio</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="formbar.css" type="text/css">
</head>
<body bgcolor="#FFFFFF" text="#000000" class = "formcol">
<form name="form1" method="post" action="">
<input type="text" name="textfield" class="formcol" value="Casella di testo">
Alla casella e agli altri elementi del form ho applicato la classe .formcol</p>
<p class="multicol">
<select name="select" class="multicol">
<option selected>Menu a tendina</option>
<option>Menu 1</option>
<option>Menu 2</option>
<option>asdfasd</option>
<option>asdf</option>
<option>a</option>
<option>df</option>
<option>s</option>
<option>d</option>
<option>as</option>
<option>f</option>
<option>as</option>
<option>f</option>
<option>sdfasd</option>
<option>as</option>
<option>df</option>
<option>as</option>
<option>f</option>
<option>s</option>
<option>sd</option>
<option>a</option>
<option>d</option>
<option>as</option>
<option>f</option>
<option>s</option>
<option>d</option>
<option>fasdfasdfasd</option>
<option>a</option>
<option>f</option>
<option>s</option>
<option>a</option>
<option>df</option>
<option>a</option>
<option>f</option>
<option>sd</option>
<option>df</option>
</select>
</p>
<p class="formcol">
<textarea name="textfield2" cols="10" rows="6" class="formcol" wrap="OFF">Aggiungiamo un pò di testo
alla casella di testo
per far notare
l'effetto del colore
sulla scrollbar.
Il valore del colore è
lo stesso della scroll
sulla finestra.</textarea>
</p>
<input type="submit" name="Submit" value="Submit" class="formcol">
</p>
</form>
</p>
<form name="form2" method="post" action="">
<textarea name="textfield3" class="multicol" cols="10" rows="6" wrap="OFF">Aggiungiamo un pò di testo
alla casella di testo
per far notare
l'effetto del colore
sulla scrollbar.
Il valore del colore è
lo stesso della scroll
sulla finestra.</textarea>
a questa textarea ho applicato la classe .multicol</p>
<input type="submit" name="Submit2" value="Submit" class="formcol">
</p>
</form>
</p>
<form name="form3" method="post" action="" class="formcol">
<input type="text" name="textfield4">
<input type="submit" name="Submit3" value="Submit">
Ecco cosa succede se applico la classe al form e non agli elementi.
</form>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</p>
</body>
</html
pagina css (formbar.css)
BODY {
background : #ADD8E6;
scrollbar-base-color : #778899;
}
.formcol {
background : #D9ECFF;
color : #00008B;
font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
scrollbar-base-color : #778899;
}
.multicol {
background : #E5F3FF;
color : #00008B;
font : bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
scrollbar-3dlight-color : #FFD700;
scrollbar-arrow-color : #DC143C;
scrollbar-base-color : #778899;
}
Rispondi quotando
