How do I change the background color of my search box?

Discussion in 'CSS' started by christian231, Oct 27, 2008.

  1. #1
    I'm trying to tweak the this template

    http://icompany.ithemes.com/

    and I want to make the white background of the search form a different color, probably (#CECECE). What attribute do I need to add to make that change. Here's the code from the style.css. Thanks for the help.

    #header #search {
    display: block;
    width: 200px;
    float: left;
    text-align: right;
    margin: 5px; padding: 55px 20px 0px 0px;
    }
    #search form {
    display: block;
    margin: 0px; padding: 0px 0px 0px 0px;
    background: url(images/search.gif) right 5px no-repeat;
    }
    #search form #submit {
    width: 10px;
    background: transparent;
    border: none;
    margin: 0px; padding: 0px;
     
    christian231, Oct 27, 2008 IP
  2. feha

    feha Active Member

    Messages:
    1,005
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    80
    #2
    You need to add to your css
    
    #s {
    color:#000 ;/*the color of text in input field */
    background:#CECECE;/* the background color of input search field */
    }
    
    Code (markup):
    corrected code ....
     
    feha, Oct 27, 2008 IP