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