JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td>Input w/ no border:</td>
        <td>
            <input class="noborder" />
        </td>
    </tr>
    <tr>
        <td>Input w/ no border or outline:</td>
        <td>
            <input class="nothing" />
        </td>
    </tr>
    <tr>
        <td>Input w/ no border + Placeholder:</td>
        <td>
            <input class="noborder" placeholder="Placeholder here" />
        </td>
    </tr>
    <tr>
        <td>Textarea w/ no border:</td>
        <td>
            <textarea class="noborder"></textarea>
        </td>
    </tr>
    <tr>
        <td>Textarea w/ no border or outline:</td>
        <td>
            <textarea class="nothing"></textarea>
        </td>
    </tr>
    <tr>
        <td>Textarea w/ no border or outline: <br />+ readonly:</td>
        <td>
            <textarea class="nothing" readonly>Try edit</textarea>
        </td>
    </tr>
    <tr>
        <td>Textarea w/ readonly + Placeholder:</td>
        <td>
            <textarea class="nothing" placeholder="Placeholder here" readonly></textarea>
        </td>
    </tr>
</table>

CSS

.noborder {
    border: 0;
}
.nothing {
    border: 0;
    outline: none;
}

table{
    margin: 0 auto;
    border: #eee 1px solid;
    padding: 10px;
    background: #eee;
}