The ID of the actual form used to generate the search box on every page.


Image Unavailable
Click to view in closer detail!


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.


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

Not defined in Base CSS.

Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License