2010-09-18 25 views
31

Voglio impostare il colore del bordo del campo impostato. Sto usando la classe, ma questo non funziona correttamente perché voglio rimuovere il colore del bordo predefinito fieldset. così come posso usare il colore del bordo fieldset.Come posso definire il colore del bordo fieldset?

<fieldset class="field_set"> 
    <legend>box</legend> 
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
       <td>&nbsp;</td> 
      </tr> 
     </table> 
</fieldset> 

css

.field_set{ 
border-color:#F00; 
} 
+0

grazie Govindan .. :) :) –

risposta

47

E sembra rossa su Firefox e IE 8. Ma forse avete bisogno di cambiare il border-style troppo.

.field_set{ 
 
    border-color: #F00; 
 
    border-style: solid; 
 
}
<fieldset class="field_set"> 
 
    <legend>box</legend> 
 
    <table width="100%" border="0" cellspacing="0" cellpadding="0"> 
 
    <tr> 
 
     <td>&nbsp;</td> 
 
    </tr> 
 
    </table> 
 
</fieldset>

alt text

+0

superba. grazie lotto – Naruto

+0

La porzione all'interno delle parentesi può essere abbreviata in: 'border: solid # F00;' – bphilipnyc

9

Funziona per me quando definisco la completa border proprietà. (JSFiddle here)

.field_set{ 
border: 1px #F00 solid; 
}​ 

il motivo è la border-style che è impostato per none per impostazione predefinita per fieldsets. È necessario scavalcare anche quello.

2

Se non si desidera utilizzare bordo 3D:

border:#f00 1px solid; 
5

ho aggiunto per tutti i fieldsets con

fieldset { 
     border: 1px solid lightgray; 
    } 

I didnt lavoro se ho impostato separatamente utilizzando ad esempio

bordo-colore: rosso

. Poi è stata tracciata una linea nera accanto alla linea rossa.

/Jon

Problemi correlati