CSS on focus border code example

Example 1: input outline focus

input:focus, textarea:focus {
    background-color: #FFFF66;
    border: 1px solid #F47E58;
}

Example 2: input focus css default

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

Example 3: css focus change color

<style>
.dabutton:focus {
    background-color:yellow;
}
</style>
<button class="dabutton"></button> // <-- usage