Input by JayRamoliya

Made by

@JayRamoliya

Theme:

Light

#input

#e8e8e8

22 views

CSSAdd prefixes

1.input-style {
2  padding: 10px;
3  border: 2px solid #ccc;
4  border-radius: 5px;
5  font-size: 16px;
6  color: #555;
7  outline: none;
8}
9
10.input-style:focus {
11  border-color: #007bff;
12  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
13}
14

.input-style {
  padding: 10px;
  border: 2px solid #ccc;
  border-radius: 5px;
  font-size: 16px;
  color: #555;
  outline: none;
}

.input-style:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

HTML

1<input placeholder="Enter text here" class="input-style" type="text">
2

<input placeholder="Enter text here" class="input-style" type="text">