Description The ID of the actual form used to generate the search box on every page. Containers Contained by #search-top-box Contains: #search-top-box-input .text .empty .button

Outline Click to view in closer detail!

Details

This id selector refers to the actual search box form rather than its container. This form, named "query", starts off with both the .text and .empty classes. However, once text has been entered into it (or simply clicked on), the .empty class will be removed.

This id can be used to further diversify the appearance of the search box, but it is recommended to use its parent, the #search-top-box selector for the use of positioning.

Examples

On this page, the form has been given a background color of red. As evidenced, the form can extend beyond the actual text box.

#search-top-box-form{    background: #F00; }

Try It on the CSS Zone Sandbox!

Base CSS