固定幅の要素(ラベルなど)があり、テキストのみに点線の下線を付けたい。ボーダーボトムで「トリック」を行うと、ボックス全体に下線が引かれます
これが私の問題を説明していると思います
固定幅の要素(ラベルなど)があり、テキストのみに点線の下線を付けたい。ボーダーボトムで「トリック」を行うと、ボックス全体に下線が引かれます
これが私の問題を説明していると思います
それをスパンにラップし、そのボーダーボトムスタイルをそのスパンに追加する必要があります: http://jsfiddle.net/mrg9a/2/
テキストをタグでラップして<span>
から、スタイルをスパンに適用できます。
このjsFiddle の例の 2 番目の要素を参照してください。
要素はデフォルトでインラインであるためlabel
、インライン ブロックにすることで問題が発生します。これはおそらく、フォームを構造化する最も自然で効果的な方法、つまり HTML テーブルの使用を避けるための試みです。マークアップに切り替えて、特別な設定なしで内部でtable
使用するだけで、要素は、設定した境界線を自然な幅で取得します。label
td
label