JSFiddle - React, Tailwind, and code Playground

by George Berkeley

HTML

<form>
		<input id="input-1" placeholder="Input" />
		<select>
			<option>Select</option>
			<option>Select</option>
			<option>Select</option>
		</select>
		<textarea placeholder="Textarea"></textarea>
	</form>

CSS

form {
			width: 400px;
			border: 1px dashed #6C6C6C;
			background-color: #E0E0E0;
			padding: 50px;
		}
		input, select {
		    min-height: 30px;
		    max-height: 30px;
		}
		input,
		select,
		textarea {
			display: block;
		    width: 100%;
		    max-width: 100%;
		    padding: 10px;
		    border: 1px solid #ccc;
			box-sizing: border-box;
			appearance:none;   /* Con esta propiedad se quita la flecha */
			-moz-appearance:none;
			-webkit-appearance:none;
		}
		select {
			padding: 0;
			padding-left: 7px;
		}