JSFiddle - React, Tailwind, and code Playground

by Clear

HTML

<h3>No Padding Test</h3>
<select>
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
</select><br />
<input type="text" value="Item 1" />
<h3>Negative Text Indent</h3>
<select class="textIndent">
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
</select><br />
<input type="text" value="Item 1" />
<h3>Padding Offset</h3>
<select class="paddingOffset">
    <option>Item 1</option>
    <option>Item 2</option>
    <option>Item 3</option>
</select><br />
<input class="paddingOffset" type="text" value="Item 1" />

CSS

select, input
{
    padding:0px;
    font-size:20px;
}
select.textIndent
{
    height: 80px;
    line-height: 80px;
    width: 300px;
    padding-left: 50px !important;
}
select.paddingOffset
{
    padding-left:2.5px;
}
input.paddingOffset
{
    padding-left:5px;
}