オーバーレイ内のスタイル付きチェックボックス - always = falseをチェックしました

Question

HTMLチェックボックス/ラジオボタンをスタイリングするためにjQueryプラグインを使用しています。問題は、これらのチェックボックスがライトボックスオーバーレイの内側に表示された場合、チェックされたプロパティを決して "true"に設定できないということです。視覚的には視覚的にチェックされているようですが、実際にはそうではなく、.NET環境では動作しません。

私は他のプラグインを試しましたが、この特定のプラグイン（prettycheckboxes）のコードを掘り下げてみました。これは、CSSからこれを削除して代わりにvisibility：hiddenを使用すると、チェックボックスが再び機能するため、入力要素が絶対的に配置されているページ（左：-9999px）に問題があるようです。

しかし、ライトボックスの内側に表示されるチェックボックスに加えて、ライトボックス内にチェックボックスも含まれるアコーディオンタイプの要素があります。これらはCSSに何をしても機能しません。

prettycheckboxesプラグインが削除されると、もちろんチェックボックスが無効になります。私がlightboxの外にあるprettycheckboxesスタイルの要素を配置すると、それらは機能します。

誰もがこの問題を経験していますか？

Answer 1

私はこの問題がなぜうまくいかなかったのかはっきりしませんが、問題は解決したと思います。どうやらこのプラグイン（prettyCheckboxes）には、入力が最初にどのようにレンダリングされるか、その可視性または位置にいくつかの問題があります。 （元prettycheckboxes CSSが書かれていたとして）入力のためのCSSを行く：

input.hiddenCheckbox{position:absolute;left:-10000px;} 

.hiddenCheckboxがprettyCheckboxesプラグインでチェックボックスに適用されますクラスです。これはライトボックスの中になかったチェックボックスでうまくいきました。しかし、ライトボックスの内部でチェックされたプロパティはチェックされません。私はこれにそれを変更：これはFFとChromeでなく、IE7/8の場合

IE7/8で問題を修正し

input.hiddenCheckbox{visibility: hidden;} 

私はこれを行う必要がありました。ここでも

input.hiddenCheckbox{height: 0;visibility: visible;} 

を、私はなぜこれが機能するのか分かりませんが、それはありません。私はこれに完全に満足していない。誰でもこれがうまくいく理由を知っていますか？