Применение CSS к элементу, когда одноуровневый ввод отключен
У меня возникла проблема при попытке применить стиль к элементу-родственнику.
.ac_numeric input[type=text][disabled] {
cursor: not-allowed;
}<div class = "ac_numeric">
<input type = "text" />
<div class = "numericbuttonswrapper">
<div class = "numericupbutton"></div>
<div class = "numericdownbutton"></div>
</div>
</div>Все это работает нормально, применяя "запрещенный" курсор к моему вводу, когда он отключен, но мне также нужно добавить курсор в мой div с помощью class = "numericbuttonswrapper", когда ввод отключен.
Я не могу найти ответ, просматривая доступные селекторы CSS, возможно ли это?
«Мне не удалось найти ответы в Google (так как это такая особая потребность)» - копирование заголовка вашего вопроса и дословная вставка в Google дает мне developer.mozilla.org/en-US/docs/Web/CSS/… как самый первый результат.
—
09.03.2018 14:22
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
Toor - Ангулярный шаблон для бронирования путешествий
Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...
3
1
776
1
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 1
Ответ принят как подходящий
Используйте селектор соседних братьев и сестер (+)
.ac_numeric input[type=text][disabled],
.ac_numeric input[type=text][disabled] + .numericbuttonswrapper {
cursor: not-allowed;
}
.ac_numeric input[type=text][disabled],
.ac_numeric input[type=text][disabled] + .numericbuttonswrapper {
cursor: not-allowed;
}<div class = "ac_numeric">
<input disabled type = "text" />
<div class = "numericbuttonswrapper">
<div class = "numericupbutton">test</div>
<div class = "numericdownbutton">testing2</div>
</div>
</div>Другие вопросы по теме
Замена двух CSS-файлов таблиц стилей с помощью Javascript
Пустое пространство под фоном между нижним колонтитулом (только для мобильных устройств)
Как выполнить обновление имени пользователя с помощью java-скрипта или j-запроса
Можно ли поместить правила экрана @media в цикл for?
Меню навигации попадает внутрь себя при изменении размера браузера
Как установить версию CSS на 2.0
Как изменить переменную CSS с помощью JavaScript (или jQuery)?
Как отключить прокрутку при открытом гамбургер-меню?
Tailwindcss flex выравнивает элементы и пространство между ними
Как добавить программное обеспечение для входа на свой сайт. (Я уже создал вход в систему, он просто не работает)
Похожие вопросы
Разбор повторяющихся дочерних элементов xml с помощью javascript
Как получить значение [объект] [объект]
Пустое пространство под фоном между нижним колонтитулом (только для мобильных устройств)
Как выполнить обновление имени пользователя с помощью java-скрипта или j-запроса
AddEventListener для события щелчка перезаписывается
Меню навигации попадает внутрь себя при изменении размера браузера
Цикл For, повторяющий массив, чтобы увидеть, есть ли там динамически созданный идентификатор div, не работает правильно Javascript
Введите значение на веб-страницу HTML с помощью Python
Как установить версию CSS на 2.0
Я сравниваю вводимые пользователем данные с базой данных MySQL, но получаю неверный результат