asp.net - checkbox image css




Изменить стиль/внешний вид Asp: CheckBox с помощью CSS (6)

Я хочу изменить стандартный «3D» вид стандартного флажка asp.net, чтобы сказать «твердый 1px». Если я попытаюсь применить стиль к границе, например, он делает именно это - рисует стандартный флажок с рамкой вокруг него - что действительно допустимо.

Во всяком случае, есть ли способ изменить способ создания текстового поля?


Вместо того, чтобы использовать некоторый нестандартный контроль, то, что вы должны делать, это использовать ненавязчивый javascript, чтобы сделать это после факта. См. Http://code.google.com/p/jquery-checkbox/ для примера.

Использование стандартного блока ASP упрощает запись кода. Вам не нужно писать свой собственный пользовательский элемент управления, и все существующие коды / страницы не нужно обновлять.

Что еще более важно, это стандартный элемент управления HTML, который могут распознать все браузеры. Он доступен всем пользователям и работает, если у них нет javascript. Например, скрин-ридеры для слепых смогут понять это как элемент управления флажком, а не только изображение со ссылкой.


Имейте в виду, что элемент управления asp: CheckBox фактически выводит больше, чем только один флажок.

Например, мои кодовые выходы

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

где CheckBoxStyle - это значение атрибута CssClass, применяемого к элементу управления, а cbCheckBox - это идентификатор элемента управления.

Чтобы создать стиль ввода, вам нужно написать CSS для

span.CheckBox input {
  /* Styles here */
}

Я думаю, что лучший способ заставить CheckBox выглядеть по-другому - это не использовать флажок. Лучше используйте собственные изображения для отмеченного / непроверенного состояния сверху гиперссылки или элемента изображения. Приветствия.


Почему бы не использовать кнопку Asp.net CheckBox с ToggleButtonExtender, доступную из набора инструментов управления Ajax.


Простейший лучший способ, используя контрольный флажок ASP с настраиваемым дизайном.

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

вы можете использовать что-то подобное .. надеюсь, что это поможет


Они действительно зависят от браузера.

Возможно, вы могли бы сделать что-то похожее на ответ в этом вопросе об изменении кнопки просмотра файла.





checkbox