JSFiddle - React, Tailwind, and code Playground

by Santosh Thakur

HTML

<div id="target">
    <select size="4" data-role="none">
        <option val="a">aaa</option>
        <option val="c">ccc</option>
        <option val="d">ddd</option>
        <option val="b">bbb</option>
    </select>
</div>

CSS

select {
    border:1px solid green;
    width:200px;
}

JavaScript

var target = $('#target select');
if (target.css('border-color', 'green') != target.css('border-color', 'black')) {
    $('#target select').css('border-color', 'red');
    alert(1);
} else {
    alert(2);
    $('#target select').css('border-color', 'yellow');
}