0

このコード:

<td>
    <label>
        <input type="checkbox">
    </label>
</td>

これが得られます: 幅、これは広いです。このデモのチェックボックスのように、チェックボックスの四角い部分だけが欲しいです。テーブル内にあるため、書き込みは単純なチェックボックスのみ<td><input type="checkbox"></td>を作成します (JQM スタイルではありません)。

誰かが簡単な解決策を持っていますか?

4

1 に答える 1

2

まず第一に、デフォルトで開発された 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 と交換することです。

于 2012-08-13T10:27:29.910 に答える