Remove Highlight On Search Bar?

programming web dev
1

Hello guys,

I was doing a customized search bar for my website. It has an image on it. The thing is, whenever I click on the SEARCH BOX, a highlight of the TEXT BOX appears. I know this is standard but on some sites, it does not show.

To better understand my problem, I made a video clip of what I wanted to accomplish with my CSS.

My CSS code is here below:

.fieldHolder
{
width: 182px;
height: 40px;
background: url(bgimage.jpg) no-repeat;
float: left;
}

.textInput
{
width: 165px;
height: 30px;
background: none;
border-style: none;
color: none;
margin-top: 1px;
margin-left: 10px;
}