Is it possible to conditionally style the following <select>
element
<select>
<option>one</option>
<option selected>default</option>
<option>two</option>
</select>
whenever the non-default options are selected, using pure CSS (no javascript)?
If there is a way, I would expect it to use some combination of pseudo-classes, something along the lines of
select:some-pseudo-class { border: 1px; }
but probably more complicated. I already looked through the list of pseudo-classes and it seems this isn't possible, but I want to confirm this with the wisdom of the crowds before giving up completely. I have also done some research on this site and came across this question from 2013 which is asking a more general question, where the (possibly outdated) answer is "no". I don't believe my question is an exact duplicate of this question, because I am asking if a special case is possible and I am looking for an answer that is up-to-date as of February 2020.