Post by adamgiebl

Made by

@adamgiebl

Theme:

Light

#input

#e8e8e8

4K views

CSSAdd prefixes

1.input-wrapper input {
2  background-color: #eee;
3  border: none;
4  padding: 1rem;
5  font-size: 1rem;
6  width: 13em;
7  border-radius: 1rem;
8  color: lightcoral;
9  box-shadow: 0 0.4rem #dfd9d9;
10  cursor: pointer;
11}
12
13.input-wrapper input:focus {
14  outline-color: lightcoral;
15}

.input-wrapper input {
  background-color: #eee;
  border: none;
  padding: 1rem;
  font-size: 1rem;
  width: 13em;
  border-radius: 1rem;
  color: lightcoral;
  box-shadow: 0 0.4rem #dfd9d9;
  cursor: pointer;
}

.input-wrapper input:focus {
  outline-color: lightcoral;
}

HTML

1<div class="input-wrapper">
2  <input type="text" placeholder="Type here..." name="text" class="input">
3</div>

<div class="input-wrapper">
  <input type="text" placeholder="Type here..." name="text" class="input">
</div>