Graphicalwonder - Shane Perran's SharePoint Customization Blog

« Building ASP.NET 2.0 Web Sites Using Web Standards | Main | Web Content Accessibility Guidelines 2.0 »

November 23, 2005

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! :)

Trackback Pings

TrackBack URL for this entry:
http://www.graphicalwonder.com/cgi-bin/mt-tb.cgi/202

Comments

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.

Post a comment




Remember Me?

(you may use HTML tags for style)

divider.jpg
April 2006
Sun Mon Tue Wed Thu Fri Sat
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
divider.jpg
Categories
divider.jpg divider.jpg