JSFiddle - React, Tailwind, and code Playground

by fainz777

HTML

<div class="reset">
    <p>
        <select>
            <option value="a">Вариант 1</option>
            <option value="b">Вариант 2</option>
            <option value="c">Вариант 3</option>
            <option value="d">Вариант 4</option>
            <option value="e">Вариант 5</option>
            <option value="f">Вариант 6</option>
        </select>
    </p>
    <p>
        <select multiple>
            <option value="a">Вариант 1</option>
            <option value="b">Вариант 2</option>
            <option value="c">Вариант 3</option>
            <option value="d">Вариант 4</option>
            <option value="e">Вариант 5</option>
            <option value="f">Вариант 6</option>
        </select>
    </p>
    <p><input type="button" value="Button" /></p>
</div>
<div class="default">
    <p>
        <select>
            <option value="a">Вариант 1</option>
            <option value="b">Вариант 2</option>
            <option value="c">Вариант 3</option>
            <option value="d">Вариант 4</option>
            <option value="e">Вариант 5</option>
            <option value="f">Вариант 6</option>
        </select>
    </p>
    <p>
        <select multiple>
            <option value="a">Вариант 1</option>
            <option value="b">Вариант 2</option>
            <option value="c">Вариант 3</option>
            <option value="d">Вариант 4</option>
            <option value="e">Вариант 5</option>
            <option value="f">Вариант 6</option>
        </select>
    </p>
    <p><input type="button" value="Button" /></p>
</div>

CSS

.reset * {
    outline:0;
    margin:0;
    border:0;
    padding:0;
    background:none;
    font:inherit;
    color:inherit;
    white-space:normal;
    word-wrap:break-word;
    list-style:none;
    
}