JSFiddle - React, Tailwind, and code Playground

by lasha

HTML

<div class="place">
        <form method="post" action="javascript:void(0);">
            <select id="sss" class="sel border-color">
                <option value="1">option 1</option>
                <option value="2">option 2</option>
                <option value="3">option 3</option>
            </select>
        </form>
        
        <a href="#" onclick="toggler(); return false;">Toggle border-color</a>
    </div>

CSS

.place{ width:150px; margin:50px auto; }
    .place form{ margin:0 0 50px; }
    .sel{ border-style:solid; border-width:1px; }
    .border-color{ border-color:#ccc; }

JavaScript

s = document.getElementById('sss');
        toggler = function(){
            if (s.className.indexOf('border-color') != -1){
                s.className="sel";
            } else {
                s.className="sel border-color";
            }
        }