|Overview of List Search Criteria Customization|
Modifying the default Styles of the Search Criteria
It is possible to modify the Layout of the search criteria and also the Styles used. You can keep the default layout and just change the styles. Styles are stored in a Cascading Style Sheet (CSS) file. If you are interested in changing the Layout, please see
Customize Search Criteria Layout.
On the Look and Feel Settings page accessed from the Preferences section of the Web Part Settings, click Modify CSS to access the style sheet for this instance of the web part.
It’s a good idea to save contents of the default style sheet to your local PC before making any changes. Once you make changes, there isn’t a reset button.
For specific information about the different types of search criteria you may want to style, see the sample search below.
- Column Labels
- Text Box Controls
- Choice & Lookup Columns
- Multi-line Text Controls
- Date Columns
- Person or Group Columns
- Number Columns
- Currency Columns
- Search in all columns for Control
Check this video
To modify the overall style of the default search criteria table (i.e., borders, padding, background color), see Customize the Overall Style for the Search Criteria.
To see some examples, check these:
Example of Customized Styles in Search Criteria
Video:Change the Style of the Search Results in Simple Search Web Part