JSFiddle - React, Tailwind, and code Playground

by Alwaison

HTML

<html>
    <body>
        <form class="container">
            <input type="text" value="Input redondeado y con sombra" />
        </form>
    </body>
</html>

CSS

.container { background:#CC1328; padding:3em; }
.container input {
    width:250px;
   border:0px solid;
   background:#fff; 
    border-radius:5px; 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
    box-shadow:3px 3px 6px #E0E0E0 inset;
    -moz-box-shadow:3px 3px 6px #E0E0E0 inset;
    -webkit-box-shadow:3px 3px 6px #E0E0E0 inset;
    padding:.2em;
}