Cusomize Search form


Author Message
Niels

Posted: 3/8/2010
Quote message 

Hi all,

I'm trying to customize my search form and looking for the last tric fo finisch up my theme.

In my css I changed the background of the search box like this:
#search-block-form input.form-text {
background: url('images/search-bg.png') no-repeat transparent;
border: none;
color: black;
float: left;
font-weight: bold;
height: 18px;
letter-spacing: 1px;
padding: 10px 50px 10px 20px;
width: 200px;
}

Now I want to show another image above this one, until someone clicks into the search field.

I added these next lines to my css but it don't seem to be working:
#search-block-form input.form-submit {
background: url('images/search-btn.png') no-repeat center center;
border: none;
cursor: pointer;
float: right;
height: 30px;
line-height: 99999px;
margin: 4px 10px 0 -40px;
outline: none;
overflow: hidden;
text-indent: -99999px;
width: 30px;
} */

I think it's the submit statement that doesnot work but I don't know witch statement to use.
Anyone?