# Remove Highlight On Search Bar?

**URL:** <https://forum.kirupa.com/t/remove-highlight-on-search-bar/320481>\
**Category:** web dev\
**Created:** [March 24, 2011, 3:40pm UTC](https://forum.kirupa.com/t/remove-highlight-on-search-bar/320481 "2011-03-24T15:40:12Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![BUroKHUli](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/burokhuli/32/190_2.png) [@BUroKHUli](https://forum.kirupa.com/u/BUroKHUli)\
**Post date:** [March 24, 2011, 3:40pm UTC](https://forum.kirupa.com/t/remove-highlight-on-search-bar/320481/1 "2011-03-24T15:40:12Z")

</div>

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;  
}