Я хотел бы изменить CSS для флажков инвалидов в сетке (они слишком трудно понять, для пользователей). Что такое простой способ сделать это?
Мои предпочтения в технологии используются (в порядке убывания):
CSS
JavaScript
JQuery
Другого
Как установить CSS для флажков с ограниченными физическими возможностями?
голоса
6
7 ответов
голоса 3
3
Ive вез с несколькими библиотеками JS, чтобы сделать работу. Конечно мое требование было сделать коробки выглядят очень отличаются от стандартного флажка. Следующие библиотеки даже 508 совместимые.
голоса 0
0
в основном, вам нужно приложить OnClick событие на DIV, р, или любой другой элемент, используемый для сетки, а затем передать проверенное значение в скрытый элемент, связанный с этим полем в сетке. что очень тривиальным, если Javascript используется - проверить JQuery, чтобы добавить событие OnClick на любом элементе. если нажата, установите значение = 1 для скрытого элемента.
голоса 8
8
Я предлагаю изменить цвет фона ( background-colorвид / FIELDSET), и посмотреть , если вы можете прийти с лучшей контрастностью. (? Невыбираемых) Если вы хотите просто изменить цвет инвалидов флажков вы можете попробовать:
input[disabled] {
...
/* CSS here */
...
}
Но если они отключены по причине, конечно, они не должны быть заметной роли? Цель их будучи закрашена-аут, конечно же, чтобы избежать путаницы между активными / неактивными и включен / выключен форменных элементов?
голоса 2
2
input:disabled {}работает для каждого браузера, за исключением, как вы уже догадались-IE. Для IE, я думаю, вы должны будете использовать некоторые библиотеки JS.
голоса 4
4
Держите флажок включен, но затем добавить onfocus=this.blur()к флажку , чтобы он не может быть нажат.
Или при использовании ASP.net (как вы говорите в своем комментарии) держать флажок установлен, чтобы быть включен и добавить следующее событие Page.Load:
CheckBox1.Attributes.Add("onclick", "return false;");
голоса 0
0
Если у вас есть форма с сочетанием включенным и выключенным флажков, имеющие инвалидов флажков затухать позволяет избежать путаницы для пользователя. Если намерение состоит в том, чтобы отобразить только для просмотра страницы с флажками (напр., Чтобы показать варианты продуктов, выбранные на квитанции о покупке), то замену входного флажка элементов с изображениями может сделать лучшие результаты.
замещать
<input type="checkbox" disabled>
<input type="checkbox" disabled checked>
с
<img src="unchecked.gif">
<img src="checked.gif">
голоса 0
0
На самом деле с немного CSS3 вы можете импровизировать очень упрощенное решение. Вы всегда должны учитывать, какую поддержку вы хотите предложить. Но если вы все хорошо с ней работать на современных браузерах, просто дать ему уйти.
Вот HTML
<label>
<input type="checkbox" name="test" />
<span>I accept terms and cons</span><br><br>
<button>Great!</button>
</label>
Вот CSS
button { display: none}
:checked ~ button {
font-style: italic;
color: green;
display: inherit;
}
И вот DEMO http://jsfiddle.net/DyjmM/