Как изменить стиль родительского контейнера при фокусе текущего силами 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;
}
Комментариев нет:
Отправить комментарий