11

標準のasp.netチェックボックスの標準の「3D」外観を1pxに変更したいと思います。たとえば、スタイルを Border に適用しようとすると、それだけで実行されます-標準のチェックボックスをその周りに境界線で描画します-これは有効だと思います。

とにかく、実際のテキストボックスのスタイルを変更する方法はありますか?

4

10 に答える 10

14

非標準のコントロールを使用するのではなく、邪魔にならない JavaScript を使用して事後にそれを行う必要があります。例については、 http://code.google.com/p/jquery-checkbox/を参照してください。

標準の ASP チェックボックスを使用すると、コードの記述が簡素化されます。独自のユーザー コントロールを記述する必要はなく、既存のすべてのコード/ページを更新する必要はありません。

さらに重要なことは、すべてのブラウザーが認識できる標準の HTML コントロールであることです。すべてのユーザーがアクセスでき、javascript がなくても機能します。たとえば、視覚障害者向けのスクリーン リーダーは、リンク付きの画像だけでなく、チェックボックス コントロールとして理解できます。

于 2008-09-22T03:54:03.330 に答える
6

CheckBox の外観をまったく異なるものにする最善の方法は、チェックボックス コントロールをまったく使用しないことだと思います。ハイパーリンクまたは画像要素の上にあるチェック済み/未チェック状態の独自の画像を使用することをお勧めします。乾杯。

于 2008-09-22T02:41:23.927 に答える
3

ASP.NET Web フォームと Bootstrap を使用する場合、上記のいずれもうまく機能しません。

最終的に、Paul Sheriff のSimple Bootstrap CheckBox for Web Formsを使用することになりました

<style>
    .checkbox .btn, .checkbox-inline .btn {
    padding-left: 2em;
    min-width: 8em;
    }
    .checkbox label, .checkbox-inline label {
    text-align: left;
    padding-left: 0.5em;
    }
    .checkbox input[type="checkbox"]{
        float:none;
    }
</style>


<div class="form-group">
    <div class="checkbox">
        <label class="btn btn-default">
            <asp:CheckBox ID="chk1" runat="server" Text="Required" />
        </label>
    </div>
</div>

結果はこんな感じ…
結果はこんな感じ

于 2016-05-25T22:48:25.043 に答える
3

ASP チェックボックス コントロールをカスタム デザインで使用する、最も簡単な方法です。

 chkOrder.InputAttributes["class"] = "fancyCssClass";

あなたはそのようなものを使うことができます..それが役立つことを願っています

于 2010-04-12T14:08:19.367 に答える
2

Ajax コントロール ツールキットから入手できる ToggleButtonExtender で Asp.net の CheckBox ボタンを使用してみませんか。

于 2010-07-15T15:23:36.507 に答える
1

asp:CheckBoxコントロールは、実際には複数のチェックボックス入力を出力することに注意してください。

たとえば、私のコード出力

<span class="CheckBoxStyle">
    <input id="ctl00_cphContent_cbCheckBox" 
           name="ctl00$cphContent$cbCheckBox"
           type="checkbox">
</span>

ここで、CheckBoxStyleはコントロールに適用される CssClass 属性の値で、cbCheckBoxはコントロールの ID です。

入力のスタイルを設定するには、ターゲットに CSS を記述する必要があります

span.CheckBox input {
  /* Styles here */
}
于 2008-09-22T02:34:55.767 に答える
1

それが本当にasp.net関連の質問であるかどうかはわかりません..これを試してみてください。ここにはたくさんの良い情報があります:

http://www.456bereastreet.com/archive/200409/styling_form_controls/

于 2008-09-22T02:27:13.103 に答える
0

彼らは本当にブラウザに依存しています。

ファイル参照ボタンの変更に関するこの質問の回答と同様のことができるかもしれません。

于 2008-09-22T02:32:26.007 に答える