css focus input set label code example

Example 1: input focus css default

/* This removes all focus effects */
element:focus {
	outline-style: none;
	box-shadow: none;
	border-color: transparent; 
}

Example 2: focus on input change label color

.input-group {
    display: flex;
    flex-direction: column-reverse;
}

input:focus + label {
    color: red;
}