JSFiddle - React, Tailwind, and code Playground

by John Doe

HTML

<fieldset class='fieldset_termine edit_2hide'>
<legend>Emailversand</legend>
<INPUT TYPE=TEXT class='formularRel' NAME="mailAbsender" placeholder="Ihre Emailadresse:" value="">
<INPUT TYPE=TEXT class='formularRel' NAME="mailAdresse" placeholder="Email versenden an:">
<INPUT TYPE=TEXT class='formularRel' NAME="mailCC" placeholder="Kopie(CC):">
<INPUT TYPE=TEXT class='formularRel' NAME="mailBCC" placeholder="Blindkopie(BCC):">
<INPUT TYPE=TEXT class='formularRel' NAME="mailSubject" placeholder="Betreff:" value="">
<TEXTAREA class='formularRel_textarea' NAME="Beschreibung" rows=5 placeholder="Text"></textarea>

</fieldset>

CSS

.formularRel { 
width: 65%;
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #444;
  text-decoration: none;

padding:2px;

COLOR:#000066;
   border-width:1px;
  border-style:solid;
  border-color:#D4D4D4;

   border-radius:3px; 

-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;
}


.formularRel_textarea { 
width: 99%;
  background-clip: padding-box;
  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.05);
  color: #444;
  text-decoration: none;

padding:1px;

COLOR:#000066;


   border-width:1px;
  border-style:solid;
  border-color:#D4D4D4;

   border-radius:3px; 

-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #DDDDDD;


}