JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="btn">+</a>
<input type="text" name="" value="10" class="input--textfield">
<a href="#" class="btn">-</a>

SCSS

.btn {
    background: #ff0000;
    color: #fff;
    display: inline-block;
    padding: 1em;
}
.input--textfield {
    border: none;
    color: transparent;
    display: inline-block;
    font-size: 2em;
    text-shadow: 0 0 0 gray;
    width: 2em;
    
    &:focus {
        outline: none;
    }
}