2010-11-19 6 views
48

境界線境界線を削除する最も簡単な方法は<fieldset>ですか?<fieldset>ボーダーラインを削除する最も簡単な方法は何ですか?

私はブラウザ間の解決策を意味します...それは可能ですか?限り位置決め/ <legend>スタイリング、私は(まだちょうどセマンティックがあるようにに1を入れて)<legend>を隠し、そして位置として

+0

'

は'本当に奇妙なタグであり、そしてあなたはおそらく国境を取り除くことができますが、あなたがしようとすると、物事は奇妙な取得あまりにも多くのことをしてください... – Pointy

+1

^^「」要素の位置付けなど。 Ew。 – Marko

答えて

92
fieldset { 
    border: 0; 
} 
+25

ありがとうございます。私は今、まったく愚かではない。 –

1
fieldset { 
    border:0 none; 
} 
1

(マルコさんのコメントに関しては)

/代わりに<h2>を使用してください。私はこのセットアップが私のフィールドセットのための素晴らしいスタイル設定オプションを与えることがわかります。

HTML:

<fieldset> 
    <legend>Enter Name</legend> 
    <h2>Enter Name</h2> 
    <p> 
    <label for="name">Name:</label> 
    <br /> 
    <input type="text" name="firstname" id="name" /> 
    </p> 
    <p> 
    <input type="submit" value="Submit" /> 
    </p> 
</fieldset> 

CSS:ここ

fieldset{ 
    border:2px solid gray; 
    padding:1em; 
    float:left; 
    font-family:Arial; 
} 
legend{ 
    display:none; 
} 
h2{ 
    border-bottom:2px solid gray; 
    margin:1em 0; 
} 
p{ 
    margin:1em 0; 
} 
+4

凡例を非表示にすると、援助技術が凡例を読み上げないため、凡例を非表示にするとアクセシビリティの問題が発生します。 fieldset borderプロパティの答えは正解です。 – unobfuscator

0

はそれのスタイルをすばやく簡単に効果的な方法..です

クラスまたはIDをfieldset要素に割り当て、それをcssでスタイルします。

<fieldset class="fieldset"> 

または

<fieldset id="fieldset"> 
css.fieldset { 
border: none; 
} 

または

fieldset { 
border: none; 
} 
関連する問題