1

チェックボックスとラジオ ボタンのスタイル設定に、 Ryan Fait のカスタム フォーム要素プラグインhttp://ryanfait.com/resources/custom-checkboxes-and-radio-buttons/を使用しています。

<input type="checkbox" name="check" value="" class="styled" id="check" />
<label for="check">Check me!</label>

プラグインは.styledクラスで入力を見つけ、それを隠し、<span>代わりに要素を追加します。入力に別の CSS クラスを追加するまで、これは正常に機能します。

<input type="checkbox" name="check" value="" class="styled required" id="check" />
<label for="check">Check me!</label>

この場合、デフォルトの入力は消えますが、この<span>要素が追加されず、ラベルのみが表示されると理解できます。プラグインが「.styled」クラスの要素を見つけられないようです。

クラスの前または後に入力に追加するクラスは問題ではない.styledので、CSS の問題ではないと確信しています。

誰かが同じ問題を抱えていますか?

ありがとうございました!

4

1 に答える 1

1

問題はプラグインにありました。

Ryan Faitのカスタムフォーム要素を使用していて、要素にクラスを追加する必要がある場合はinput、プラグインを編集する必要があります。

この動作を修正するために私がしたことは、次の小さな変更です。このステートメントを置き換えました

inputs[a].className == "styled" 

これで

($(inputs[a]).hasClass("styled"))

すべての場合。この後、スタイリングは正しく機能し始めました。

于 2012-11-23T11:49:27.027 に答える