web-dev-qa-db-ja.com

フィールドセットの境界線の色を定義するにはどうすればよいですか？

フィールドセットの境界線の色を設定します。私はクラスを使用していますが、フィールドセットのデフォルトの境界線の色を削除したいので、これは正しく機能していません。したがって、フィールドセットの境界線の色をどのように使用できますか。

<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;
}
htmlcssborder
33
Kali Charan Rajput

Firefoxでは赤で表示され、IE8。ただし、おそらくborder-styleも。

.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

53
kennytm

完全なborderプロパティを定義すると、うまくいきます。 （JSFiddle ここ ）

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

理由はborder-styleこれは、フィールドセットのデフォルトでnoneに設定されます。それも同様にオーバーライドする必要があります。

9
Pekka 웃

すべてのフィールドセットに追加しました

fieldset {
        border: 1px solid lightgray;
    }

たとえば、個別に設定した場合は動作しませんでした

ボーダーカラー：赤

。次に、赤い線の隣に黒い線が描かれました。

5
user1021860

3Dボーダーを使用したくない場合：

border:#f00 1px solid;
2
mx0