JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wwctrl_pay" class="wwctrl styled-select">
     <select id="payment" disabled="disabled"></select>
     <div></div>
</div>

<br>

<div id="wwctrl_pay" class="wwctrl styled-select">
     <select id="payment"></select>
     <div></div>
</div>

CSS

.wwctrl {
    position: relative;
    border: 1px solid blue;
}

select[disabled] + div {
    position: absolute;
    z-index: -1;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: yellow;
}