SharePoint Customization Tip: Style your WSS Search

If you use themes to customize your SharePoint sites you have no doubt customized the .ms-searchform and .ms-searchcorner classes to change the background of your search form. These style the “WSS Search” box.

If you want to add a little extra flare to the search you can also style the input field by adding the following class to your theme.

/* Added Input Field Stlye (for search form) – Shane */
.ms-searchform input {
border:1px solid #000;
background-color:#FFF;

Simple but effective. Now if we just had a ‘working’ WSS search! :)

You may also like...

1 Response

  1. Shane Perran says:

    A word of advice – The class ms-search form is actually applied to 2 or 3 elements on that form so you will want to drill down to the exact element you want to affect as displayed above.

    Be careful using borders directly on ms-searchform or ms-searchcorner.

I would love to hear from you.

%d bloggers like this: