#asp.net #html #css #radio-button
#asp.net #HTML #css #переключатель
Вопрос:
Я пытаюсь стилизовать asp.net список radiobutton однако, похоже, нет простого способа обойти это. Я хочу изменить круг на круг с определенным цветом в нем.
Единственным способом, которым я мог избавиться от круга по умолчанию, было изменить -webkit-appearance свойство на 'none' . Однако это означает, что я вообще не могу выбрать переключатель.
Переключатели имеют правильное фоновое изображение, когда я использую это:
radiobutton.Attributes.CssStyle.Add("background",
"url(/kisses/designs/colours/red.gif) no-repeat");
но этот фон применяется к span , а не к input элементу. должен быть гораздо более простой способ обойти это…
Ответ №1:
Изменение стиля элементов формы зависит от системы и браузера. Если вы действительно хотите последовательно изменять их отображение, самый простой способ — использовать библиотеку Javascript, такую как Uniform.
Комментарии:
1. сейчас я просматриваю несколько библиотек, но ни одна из них не работает должным образом с asp.net список radiobutton. многие из них требуют разделения вокруг переключателей, которые asp.net не генерируется.
2. Я использую Uniform с asp.net каждый день, так что не беспокойтесь об этом. Он автоматически обертывает
inputнеобходимымdiv, это одна из вещей, которая делает это настолько простым.3. в конце я использовал это, но все равно нужно было немного доработать css, чтобы список выглядел правильно, uniform был хорош для того, чтобы исчезло непрозрачное изображение кнопки radiobutton, создаваемое браузером
Ответ №2:
На самом деле есть — я часто использую это решение для замены javascript http://lipidity.com/fancy-form /
Работает с IE6 (включая ie6). Если вы предпочитаете jQuery Mootools, просто найдите jQuery custom checkbox или что-то подобное в Google — есть масса других решений на основе jquery. Это просто мой любимый вариант.