このコード:
<td>
<label>
<input type="checkbox">
</label>
</td>
これが得られます: 、これは広いです。このデモのチェックボックスのように、チェックボックスの四角い部分だけが欲しいです。テーブル内にあるため、書き込みは単純なチェックボックスのみ<td><input type="checkbox"></td>
を作成します (JQM スタイルではありません)。
誰かが簡単な解決策を持っていますか?
このコード:
<td>
<label>
<input type="checkbox">
</label>
</td>
これが得られます: 、これは広いです。このデモのチェックボックスのように、チェックボックスの四角い部分だけが欲しいです。テーブル内にあるため、書き込みは単純なチェックボックスのみ<td><input type="checkbox"></td>
を作成します (JQM スタイルではありません)。
誰かが簡単な解決策を持っていますか?
まず第一に、デフォルトで開発された HTML コントロールをカスタマイズすることはできません。私が意味したのは、チェックボックスから正方形の部分を取り出しただけです。
あなたが共有するリンクは、css クラスと画像の助けを借りてそれを行っています。
最初は。
<label class="ui-btn ui-btn-icon-left ui-btn-corner-all ui-checkbox-on
ui-btn-up-c" data-theme="c" for="selectRow-2">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">
</span>
<span class="ui-icon ui-icon-shadow ui-icon-checkbox-on">
</span>
</span>
</label>
後で Java スクリプトを使用して四角形をクリックすると、クラスが入れ替わっています。
<label class="ui-btn ui-btn-icon-left ui-btn-corner-all ui-checkbox-off ui-btn-up-d"
data-theme="d" for="selectRow-1">
<span class="ui-btn-inner ui-btn-corner-all" aria-hidden="true">
<span class="ui-btn-text">
</span>
<span class="ui-icon ui-icon-shadow ui-icon-checkbox-off">
</span>
</span>
</label>
最も簡単な方法は、レイアウトに似たものを使用し、クラスを JS と交換することです。