textarea:focus, input:focus{
outline: none;
}
input:focus {
outline: none;
box-shadow: none!important;
/*Sometime the blue border you see is from the box-shadow and removing box-shadow will remove the border*/
}
*:focus {
outline: none;
}
input:focus{
border: none;
}
.yourInput:focus {
outline: none;
}
.bootstrap-select .form-control:focus {
outline: 0px none #fff !important;
}
.bootstrap-select .form-control > div.filter-option:focus {
outline: 0px none #fff !important;
}
.bootstrap-select .form-control > div.filter-option > div.filter-option-inner:focus {
outline: 0px none #fff !important;
}
.bootstrap-select .form-control > div.filter-option > div.filter-option-inner > div.filter-option-inner-inner:focus {
outline: 0px none #fff !important;
}
// Use focus() && blur() to add or remove focus.
import { useRef } from "react"
const inputRef = useRef()
// To remove focus: inputRef.current.blur()
// To focus: inputRef.current.focus()
<input ref='inputRef' {...value} />
Code Example |
---|
Css :: vertically and horizontally center a fixed div |
Css :: css bold text |
Css :: text truncate after 3 lines |
Css :: html if text too long newline |
Css :: grid template column auto fill |
Css :: css inner shadow |
Css :: center a div css |
Css :: disabled cursor pointer |
Css :: poppins cdn |
Css :: table overflow scroll horizontal css |
Css :: move to right css |
Css :: remove the glow in bootstrap input |
Css :: css div on the bottom |
Css :: nunito font family |
Css :: swiper slider autoplay |
Css :: half circle css |
Css :: max z index |
Css :: css reset |
Css :: top down gradient css on body |
Css :: text align justify |
Css :: bootstrap media queries |
Css :: tailwindcss init full |
Css :: christmas red color code |
Css :: bootstrap badge color |
Css :: fixed footer in bootstrap |
Css :: image crop using css 1:1 |
Css :: remove marker from li tag |
Css :: table td remove unknown padding in td |
Css :: grab cursor css |
Css :: css border botttom |