必須フィールドインジケータがIE7とIE6で動作しない

Question

CakePHPのフィールド検証と標準のCSSベースの '必須フィールド'インジケータ（赤色のアスタリスク）を使用していますが、IE7とIE6以外のすべてのブラウザでpeachyが動作します。

私は、インジケータを構成するCSSが気に入らないようです。私は2008年のMark Story（ここではhttp://mark-story.com/posts/view/hacking-the-cakephp-formhelper-adding-required-indicators）のブログ記事を見て、正しく表示するためにCakeコードをハッキングすることを示唆しています。これは2年以上前のことですが、私はこのためにより良い解決策が生み出されたこと、あるいはそれまでにリリースされたCakeの新しいバージョンで何とか対処されたことを願っています。それは私が想像することができない標準的なことです。

私はStackOverflowやGoogleの検索結果から何も分かりません。私はちょうど高密度で何かが明白でないのですか？これを行うための標準的な/簡単な方法がありますか（上記記事のコメント作成者の1人が提案したように）画像ベースの修正方法ですか？

Answer 1

私はマークストーリーのブログの匿名のポスターからの解決策を使用して終了しました。 フォームの後にこの特別なCSS定義を追加してください。必要なラベル：の定義をsite.cssファイルに追加してください。 （CakePHPのデフォルトのsite.cssファイル内の行363年頃。）

div.required label { 
    stupid-ie-be-more-funny: expression(this.doneReq ? '1' : (
     function(el) {el.innerHTML += '<span title="Required!" style="color:#f00;"> *</span>'; return el.doneReq=true;})(this)); 
} 

これはIE 6でうまく機能していると私のために7。赤いアスタリスクは私がまだ好きです。なぜなら、視覚的に目立つからです。

Answer 2

あなただけのフィールドは、太字やその

Answer 3

ような何か作ることができる単純な事実は、IE6とIE7はCSS :beforeと:after擬似クラスをサポートしていないということです。

これを回避する方法はありません。また、私がサポートしていることを認識しているハッキングもありません。

これに対する私の好ましい解決策は、それを無視することです。 IE6ユーザーが何かを見られるように、（他の誰かが示唆しているように）大胆にするが、率直に言ってIE6とIE7はブラウザ市場の一部であり、急速に小さくなっている。

の場合はにaskeriskを指定する必要がありますが、私が提案できる最適な解決策は、 '*'の代わりにイメージで置き換えることです。イメージをラベルのbackground-imageとして設定し、同じ側にx-repeat:none;とpaddingの一方の辺に合わせてラベルのテキストを移動して、背景イメージが見えるようにします。

このメソッドは、箇条書きのポイントによく使用されるため、「必須」マーカーでうまく機能するはずです。しかし、私はちょうどあなたが持っているものに固執し、IE6とIE7が存在しないふりをしています。彼らはそれを見逃すようなことではない。