• So I’m attempting to style my searchform.php for my blog, and all is going great. My only problem is, whenever I try to style ‘#searchsubmit’, none of the classes I provide for it seem to work. The button seems to take it’s style traits from ‘#searchform input’ and disregard anything I add to it’s CSS.

    Here’s the CSS I’m providing for the button:

    #searchsubmit {
     width: 109px;
     height: 29px;
     background-image:url(images/srch_button.png);
     font-size: 12px;
     color: #fff;
    }

    Any help? Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of specific help.

    Thread Starter asmod

    (@asmod)

    All I can really provide would be a screenshot of the problem, due to my blog being installed locally.

    http://img534.imageshack.us/img534/6532/formproblemu1.png

    Paste in some of the html code related to the search button. You probably have a specificity conflict or something related.

    Are you styling the ‘input’ tag below it in the css, or with more specificity? That could cause all sorts of issues.

    A thought:

    ‘#searchform input’ has more specificity than ‘#searchsubmit’

    That means for any input tags (which the submit button is), rules in ‘#searchform input’ take precedence.

    Try this:
    ‘input#searchsubmit’ instead.

    Thread Starter asmod

    (@asmod)

    Solved the problem! Thanks candlebain for the help, it’s appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘#searchsubmit styling’ is closed to new replies.