Jak zdefiniować kolor obramowania zestawu pól?

Question

Chcę ustawić kolor obramowania zestawu pól. Używam klasy, ale to nie działa poprawnie, ponieważ chcę usunąć domyślny kolor obramowania zestawu pól. , więc w jaki sposób mogę użyć koloru obramowania pola.

<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; 
} 

Answer 1

To wydaje się czerwony na Firefox i IE 8. Ale może trzeba zmienić border-style też.

.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>

Answer 2

To działa na mnie, kiedy definiują kompletny border nieruchomości. (JSFiddle here)

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

powodem jest border-style że jest ustawiony na none domyślnie fieldsets. Musisz to również zmienić.

Answer 3

Jeśli nie chcą 3D wykorzystanie obramowania:

border:#f00 1px solid; 

Answer 4

dodałem go do wszystkich fieldsets z

fieldset { 
     border: 1px solid lightgray; 
    } 

I zrobił praca jeśli ustawić go oddzielnie przy użyciu na przykład

kolor obramowania: czerwony

. Następnie narysowano czarną linię obok czerwonej linii.

/Jon