2011-12-29 4 views
3

私はすべてのlabel要素これは信頼できるのですか?後にラベルにコロンを追加しますか?

form label:after { 
    content: " : "; 
} 

これを行うにはない任意の理由にコロンを追加したいですか?

+3

フロッピーディスクが私を救うと思います。 [私のコンピュータにインターネットに合うように見えない!] –

+1

@George Bailey:GIFの種類を見つけるためのすべてのサイトの... – BoltClock

+0

それは本当にそれをサポートしていない[唯一のIE7](http://caniuse.com/#search=after)です。結腸を持つことが本当に重要ですか?そうでない場合は、投稿したコードを使用しても問題ありません。 – Wex

答えて

3

radiocheckboxの入力の場合は、入力後にラベルを追加することをお勧めします。

1

古いブラウザ(IE 6など)ではこれがサポートされていません。デザイナーはブラウザ間での互換性がないため、この機能の使用は避けてください。すべてのユーザーが互換性のあるブラウザを使用していると確信している場合を除き、それを避けることができます。

+1

この機能をサポートしていないブラウザは、IE7のみです。それはちょうどコロンだから、IE7ユーザーがそれを見ないと大したことではないと思っています。 – kenwarner

+0

これは単なるコロンなので、HTMLに追加することもできます。 – BoltClock

+0

私の考えはなぜCSSでそれを一度指定することができるときにHTMLで100回以上追加する – kenwarner

1

味わいの問題です。

構造上、コロンはおそらくあなたのhtmlにある理由がありません。それはもっとスタイルのことです。それはあなたのCSSに属しています。

質問は、あなたがIE7でコロンを見ることがどれほど重要かということになります。個人的にはあまり気にしません。 IE7の使用状況はすぐに下がります(win7にはIE8が付属している可能性が高いため)、コロンを紛失してもウェブサイトの人間工学に支障はありません。だから私はこれを考慮する優雅な劣化

3

クロスブラウザ以外のCSSを使用するのではなく、おそらくエディタの検索/置換機能を使用するだけです。

</label>

を検索すると、あなたが以前に述べたように、その後、IEの期待リスクとCSSのいずれかを使用し、実行時にこれを行うことを主張した場合 : </label>

と交換してください。

$('<span> : </span>').appendTo('label')のようなjQueryを使用してください。

関連する問題