Страницы

Поиск по вопросам

среда, 12 декабря 2018 г.

Изменить стиль родителя в CSS3

Как изменить стиль родительского контейнера при фокусе текущего силами CSS?
Например, есть внутри При фокусе на input надо изменить цвет фона td.
Остальные варианты сведутся к написанию js, т.к. инпут добавляется по событию, а у td есть padding, от которого не хочется избавляться, так как это приведет еще к одному контейнеру.


Ответ

есть внутри , при фокусе инпута надо изменить бэк-колор td
А ещё, можно использовать такой костыль:
html { background: radial-gradient(ellipse at center, #877cff 0%, #ff4747 100%) no-repeat; min-height: 100%; } table, tr, td { border-collapse: collapse; border: 1px solid; } td { padding: 1em; overflow: hidden; } td, input { background: transparent; } input { border: 1px solid silver; } input:focus { background: yellow; outline: 9999px solid yellow; outline-offset: 0; }


Комментариев нет:

Отправить комментарий