Stil ändern / Aussehen von Asp: CheckBox mit CSS
Ich möchte das Standard-3D-Aussehen des Standard-asp.net-Kontrollkästchens ändern, um solides 1px zu sagen. Wenn ich versuche, das Styling zum Beispiel auf den Border anzuwenden, wird genau das - zieht das Standard-Kontrollkästchen mit einem Rahmen um es herum - das ist gültig, denke ich.
Wie auch immer, gibt es eine Möglichkeit zu ändern, wie die tatsächliche Textbox gestaltet ist?
9 Antworten
Ich denke, der beste Weg, CheckBox wirklich anders aussehen zu lassen, ist, die Checkbox-Kontrolle überhaupt nicht zu verwenden. Verwenden Sie besser Ihre eigenen Bilder für den aktivierten / deaktivierten Status oben auf Hyperlink oder Bildelement. Prost.
Anstatt einige Nicht-Standard-Steuerelement zu verwenden, was Sie tun sollten, ist mit unaufdringlichen Javascript, um es nach der Tat zu tun. Ein Beispiel finden Sie Ссылка .
Die Verwendung des Standard-ASP-Kontrollkästchens vereinfacht das Schreiben des Codes. Sie müssen kein eigenes Benutzersteuerelement schreiben, und alle vorhandenen Codes / Seiten müssen nicht aktualisiert werden.
Wichtiger ist, dass es ein Standard-HTML-Steuerelement ist, das alle Browser erkennen können. Es ist für alle Benutzer zugänglich und funktioniert, wenn sie kein JavaScript haben. Zum Beispiel können Screenreader für Blinde es als Checkbox-Steuerelement verstehen, und nicht nur ein Bild mit einem Link.
Warum nicht die Schaltfläche Asp.net CheckBox mit ToggleButtonExtender verwenden, die im Ajax Control Toolkit verfügbar ist.
Bei der Verwendung von ASP.NET Web Forms und Bootstrap funktioniert keiner der oben genannten Punkte.
Am Ende habe ich Paul Sheriffs Simple Bootstrap CheckBox for Web Forms
Das Ergebnis sieht so aus ...
Der einfachste Weg, das ASP-Kontrollkästchen mit benutzerdefiniertem Design zu verwenden.
%Vor%Sie können so etwas verwenden .. hoffe, dass das hilft
Beachten Sie, dass das asp: CheckBox -Steuerelement mehr als nur eine einzige Checkbox-Eingabe ausgibt.
Zum Beispiel gibt mein Code
aus %Vor%Dabei ist CheckBoxStyle der Wert des CssClass-Attributs, das auf das Steuerelement angewendet wird, und cbCheckBox ist die ID des Steuerelements.
Um die Eingabe zu formatieren, müssen Sie CSS zum Targeting schreiben
%Vor%Sie sind wirklich vom Browser abhängig.
Vielleicht könnten Sie etwas Ähnliches wie die Antwort in diese Frage zum Ändern der Datei-Durchsuchen-Schaltfläche.