2

フォームを作成していて、フィールドセットでパディングの問題が発生しました。Opera、FF、および Chrome ではすべて問題ないように見えますが、IE 7 と 8 の両方で、フィールドセット内の上部パディングが単に破棄されます。次のコードは、フィールドセットの左、下、右にパディングを正しく追加しますが (後者はこの既知の問題を引き起こします)、コンテンツの最初の行を凡例のすぐ下にスペースなしで配置します:

<form>      
  <fieldset style="padding:30px;">
      <legend>Legend</legend>
      <label for="input">Label</label>
      <input type="text" id="input" />  
  </fieldset>    
 </form>

ただし、別の質問に対するこの回答は、凡例タグを指摘しました。実際、それを省略しても、すべて問題ありません。

だから私の質問は：

凡例タグとパディングの両方を持つ回避策はありますか? 私の簡単な帽子の試み（最初の要素のマージントップ）は効果がありません。

それとも、(意味的に正しい) 凡例タグを放棄して、見出しのような (より恣意的な) ものに置き換える必要がありますか? これはスクリーンリーダーにどのような結果をもたらしますか?

4

1 に答える 1

2

フィールドセットからすべてのパディングを削除し、代わりにフィールドセット内にパディングを追加する div を作成することはできますか?

<form>
  <fieldset>
      <legend>Legend</legend>
      <div style="padding:30px;">
         <label for="input">Label</label>
         <input type="text" id="input" />
      </div>
  </fieldset>
</form>
于 2012-07-09T17:35:06.407 に答える