Try it Yourself: CSS Forms

CSS Forms

<!DOCTYPE html>
<html>
<head>
<style>
input {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
}

input:focus {
  border-color: #00643c;
  box-shadow: 0 0 0 3px rgba(0, 100, 60, 0.2);
  outline: none;
}
</style>
</head>
<body>

<input type="text" placeholder="Click to focus">

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
input {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 10px;
}

input:focus {
  border-color: #00643c;
  box-shadow: 0 0 0 3px rgba(0, 100, 60, 0.2);
  outline: none;
}
</style>
</head>
<body>

<input type="text" placeholder="Click to focus">

</body>
</html>