Ich habe ein Element (z. B. ein Etikett) mit einer festen Breite und ich möchte, dass nur der Text punktiert unterstrichen wird. Wenn eine der „Trick“ tun mit border-bottom wird die ganze BoxGepunktete Unterstreichung TEXT
unterstrichen werden, denke ich, this erklärt mein Problem
Sie sollten es in einer Spannweite wickeln und dass border-bottom-Stil zu dieser Spanne hinzufügen: http://jsfiddle.net/mrg9a/2/
Sie könnten den Text in <span> Tags umbrechen und dann den Stil auf die Spannen anwenden. Das zweite Element in diesem jsFiddle example.
Da label Elemente standardmäßig inline sind, wird das Problem dadurch verursacht, dass sie Inline-Blöcke bilden. Dies wiederum ist vermutlich ein Versuch, die natürlichste und effektivste Art der Strukturierung einer Form, nämlich eine HTML-Tabelle, zu vermeiden. Wechseln Sie einfach zu table Markup und verwenden Sie label innerhalb td ohne besondere Einstellungen, und die label Elemente werden die Grenze, die Sie auf ihnen, in ihrer natürlichen Breite nehmen.