How can I make the Header Search button be a CSS button?

[rstevenson]

I assumed, because you wanted to use CSS buttons for just the search button, that you wanted it to have an appearance quite different from the other buttons. That's all I meant by that.

But my suggection still stands: use a graphic button (with a JS rollover effect.) Seems easier than hacking the code to get CSS buttons to work for just one button.

Rob

[makehveli]

fixed, did nothing with the trigger....

changed the input type from "image" to "form"
added some divs to make it easier to work with in CSS.

    $content .= '<div id="searchbar_box_wrapper">' . zen_draw_input_field('keyword', '', 'size="6" class="search-header-box" maxlength="30" value="' . HEADER_SEARCH_DEFAULT_TEXT . '" onfocus="if (this.value == \'' . HEADER_SEARCH_DEFAULT_TEXT . '\') this.value = \'\';" onblur="if (this.value == \'\') this.value = \'' . HEADER_SEARCH_DEFAULT_TEXT . '\';"') . '</div>' . '<div id="searchbar_button_wrapper"> &nbsp;<input type="submit" value="" class="search-header-button" </> </div>';
  }