class="col-12 col-sm-6 col-md-3"
Как скачать?
.wui-select-container:has(input:disabled)::after {
}
box-sizing: border-box;
width: calc((100% - 30px * 2) / 3);
gap: 20px 30px;
.grid {
display: flex;
flex-wrap: wrap;
gap: 20px 30px;
}
.item {
box-sizing: border-box;
width: calc((100% - 30px * 2) / 3);
text-decoration: none;
color: #000;
padding: 20px;
border: 1px solid #000;
}
const select = document.querySelector('select');// Берем первый селект на странице
select.addEventListener('change', () => {
switch (select.value) {
case 1:
select.style.border = '1px solid red';
break;
case 2:
select.style.border = '1px solid green';
break;
case 3:
select.style.border = '1px solid blue';
break;
}
})
document.querySelectorAll('select').forEach(select => {
select.addEventListener('change', () => {
switch (select.value) {
case 1:
select.style.border = '1px solid red';
break;
case 2:
select.style.border = '1px solid green';
break;
case 3:
select.style.border = '1px solid blue';
break;
}
})
})