JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <fieldset>
        <legend>Траблы с инпутами</legend>
        <input type="text" name="a" id="a" value="я обычный инпут" /><br/>
        <input type="text" name="b" id="b" value="я обычный инпут" /><br/>
        <input type="text" name="c" id="c" value="я обычный инпут" /><br/>
        <input class="short" type="text" name="d" id="d" value="я короткий инпут с дефолтным шрифтом" /><br/>
    </fieldset>
</form>

CSS

input {
    font-size: 12px;
    color: red;
    width: 300px;
}

input.short {
    font-size: 11px;
    color: black;
    width: 180px;
}