JSFiddle - React, Tailwind, and code Playground

by Richard Houltz

HTML

<div id="container">
    <input class="input-pc" type="text"/>
</div>
<br/>
<div id="container">
    <input class="input-ipad" type="text"/>
</div>

CSS

#container{
    background-color: #343434;
    position: relative;
    width: 200px;
    height: 26px;
    padding:2px 2px 0px 2px;
}

.input-pc {
    width: 100%;
    background-color: #E8FB46;
    border: none;
}

.input-ipad {
    -webkit-appearance: none;
    -webkit-border-radius:0;
    width: 100%;
    background-color: #E8FB46;
    border: none;
}