Question : hide placeholder on focus
Answered by : perfect-pig
input:focus::placeholder { color: transparent;
}
Source : https://stackoverflow.com/questions/9707021/how-do-i-auto-hide-placeholder-text-upon-focus-using-css-or-jquery | Last Update : Tue, 25 Feb 20
Question : hide input border on focus
Answered by : abobakr
input:focus{ border: none;
}
Source : | Last Update : Thu, 29 Apr 21
Question : input:focus show hide div
Answered by : misty-mosquito-1pasff1blg3i
<div class="container"> <div class="row"> <input class="abc" type="text" id='myinput'/> </div>
</div>
<div class="container"> <div class="row"> <span>some text here </span> <span>some text here</span> </div>
</div>
<div class="container newone"> <div class="row"> <span>some text here</span> </div>
</div> Run code snippet
Source : https://stackoverflow.com/questions/39601809/how-to-show-hide-div-on-focus-input | Last Update : Tue, 22 Feb 22