Customizing CSS for List Search

Each CSS element is listed in the CSS Editor, along with any styles currently defined for it. Add CSS style attributes as desired to customize how elements are displayed in the Web Part.

As an example, should you choose to modify the attributes of the search button for your user interface, you can do that within the style “.SearchButtonStyle” changing the width and height from auto to your selection in pixels.

IMPORTANT: If unique CSS class names are defined in the layout HTML Editor, they should be added to the CSS class definitions in the CSS Edit window.

Below is a list of the default CSS classes defined for the List Search Simple Web Part:

Style	Description
SearchButtonStyle, ResetButtonStyle, PrintButtonStyle, ExportButtonStyle, and BackButtonStyle	Define the look and feel of the Search, Reset, Print, Export, and Back buttons. NOTE: If the option Keep Search Criteria with Search Result Page is not checked, the Print Preview and Back buttons are not customizable in the Search Results view.
TextBoxSearchKeyWord	Defines the look and feel of the Search in all columns for: text box.
LabelControls	Defines the look and feel of the Field Label controls.
TextBoxControls	Defines the look and feel of the Field Controls that are text boxes.
TextAreaControls	Defines the look and feel of the Field Controls that are text areas.
ListBoxControls	Defines the look and feel of the Field Controls that are list boxes.
DropDownListControls	Defines the look and feel of the Field Controls that are drop down menus.
CheckBoxControls	Defines the look and feel of the Field Controls that are check boxes.
RadioButtonControls	Defines the look and feel of the Field Controls that are radio buttons.
ResultTableStyle	Defines the general style of the search results table. Settings can include border style, background style and alignment.
ResultTableHeaderStyle	Defines the background color for the column headers of the search results table.
ResultNormalItemStyle	Defines the background color for the odd number search result rows (rows 1, 3, 5, …).
ResultAlternatingItemStyle	Defines the background color for the even number search result rows (rows 2, 4, 6, …).