optgroup nel css

[barnum]

Ciao a tutti,
ho usato l'optgroup, in questo modo

<option value="" selected="selected">seleziona applicazione</option>
<optgroup label="Richieste">
<option value="/xxx/page/portal/Home/TEST?servizio=1&amp;path=RGS_Richieste"> Consumo</option>
<option value="/xxx/page/portal/Home/TEST?servizio=2&amp;path=RGS_Richieste">Beni </option>

etc

Come posso eliminarlo ed inserire l'indentazione nel css. questo è un attributo html che determina l'indentazione all'interno della label.
Quello che mi preoccupa è come levarlo senza creare casini

Grazie

[barnum]

Ok, ho verificato che l'optgroup è necessario per l'accessibilità e che rende leggibili le select da persone che hanno particolari problemi alla vista.
Cambio dunque domanda:
qualcuno di voi sa dirmi se e dove è possibile diminuire l'indentatura?

Grazi 1000,
barnum

[webdemo]

hai provato con css:

<style type="text/css">
<!--
optgroup {
	padding-left:3em;  /*option value*/
	text-indent:-3em;  /*label*/

}
-->
</style>

ciaux

[barnum]

Ciao,
io ho un codice del genere, ho messo la classe che mi hai detto tu nel css. Il problema è che non so in che punto del mio codice inserirla

.optgroup {
padding-left:-15em; /*option value*/
text-indent:-15em; /*label*/

}

<form class="acc_veloce" id="ac_v02" method="post" action="http://ets2687:7778/time_provider/htdocs/FunctionRgs/redir.jsp" onsubmit="javascript:return apri_combo2();">
<div>
<div class="div_form_accesso_immediato"><label for="voci2">Squadre</label> <select name="select02" id="voci2" size="1" class="select_1">
<option value="" selected="selected">Roma</option>
<optgroup label="Lazio">
<option value="/portal/page/portal/Home/TEST?servizio=1&amp;path=RGS_Richieste">Milan</option>
<option value="/portal/page/portal/HomeK/TEST?servizio=2&amp;path=RGS_Richieste">Inter</option>


Puoi aiutarmi?
Grazie

[webdemo]

inserisci tutto il codice che ti ho postato prima di:

</head>

ciacia

[barnum]

io ho fatto come mi hai detto ma non cambia nulla


return false;
}; // end fun
//]]>
</script>


<style type="text/css">
<!--
optgroup {
padding-left:13em; /*option value*/
text-indent:-13em; /*label*/

}
-->
</style>
</head>

Ma non capsico il codice che mi hai mandato ha dei commenti, inoltre io ho già dei css nella mia pagina perchè devo ripetere, text/css" non capisco

[webdemo]

è commentato per indicare cosa modifichi con quel valore

se hai altri css puoi integrare quello che ti ho postato con quello esistente

ciacia

[barnum]

esatto è quello che ho fatto, ti ho mandato l codice per capire dove devo inderire quella classe, facendo delle prove inserndolla nella label a me non funziona, puoi farmi un esempio sulla base del mio codice di dove inserirla.

grazie

[webdemo]

Originariamente inviato da barnum
io ho fatto come mi hai detto ma non cambia nulla


return false;
}; // end fun
//]]>
</script>


<style type="text/css">
<!--
optgroup {
padding-left:13em; /*option value*/
text-indent:-13em; /*label*/

}
-->
</style>
</head>

Ma non capsico il codice che mi hai mandato ha dei commenti, inoltre io ho già dei css nella mia pagina perchè devo ripetere, text/css" non capisco

lo hai messo nel posto giusto, prova a cambiare i valori e guarda se cambia l'indentatura
(io ho provato solo con FF e funziona correttamente)

ciacia

[barnum]

si esatto su FF il problema è che non funziona su MIE. Sa se devo cambiare qualcosa?
Nell' htm ho inserito la classe così:

option value="/portal/page/portal/Home-BK/TEST?servizio=1&amp;path=RGS_Richieste" class="optgroup">Roma</option>


Grazie