#html #css #asp.net-mvc
#HTML #css #asp.net-mvc
Вопрос:
Я пытаюсь применить пользовательский стиль CSS к интерфейсному элементу HTML, который генерируется из модели (мы используем C # ASP.NET Стиль MVC).
Вот текущий код для создания флажка в представлении:
<%: Html.CheckBoxFor(m => m.elementCollection[i].booleanValue)%>
Метод CSS в примере, который я использую в качестве своего ресурса, содержит следующее:
.checkboxThree input[type=checkbox]:checked label {
left: 60px;
background: #26ca28;
}
Как я могу запустить CSS-триггер для всех элементов checkbox, сгенерированных из модели, а не для всех HTML-входов типа checkbox?
Комментарии:
1. Можете ли вы добавить класс к сгенерированным элементам checkbox, а затем выбрать этот класс в CSS?
Ответ №1:
попробуйте изменить
.checkboxThree input[type=checkbox]:checked label {
Для
.checkboxThree input[type="checkbox"]:checked input[type="hidden"] label:after {
MVC добавляет скрытый в середине, и этот CSS требует, чтобы у вас были первый и последний в строке
Комментарии:
1. Каково значение ‘ ‘ между checked и label? Пожалуйста, скажите.
2. знак указывает css искать только экземпляры, в которых элементы следуют друг за другом. если вы поместите что-то между ними, это больше не будет в строке, и css это проигнорирует.