By default SharePoint search box will look like below as shown in the figure.
Here we will see how we can modify the css of the search textbox in a SharePoint 2010 site.
Here we have made our custom master page and also custom css file. In the custom master page we have called our custom css file like below:
<SharePoint:CssRegistration runat="Server" Name="/_layouts/styles/OurCustomCSS.css" After="corev4.css"/>
And our css content code is like below:
.s4-search input.ms-sbplain {
background:#333333; border:1px solid #666666 !important; width:200px !important; height:17px;padding:2px;
color:#CCCCCC; line-height:20px;
}
After this the seach box will look like below.
Here we will see how we can modify the css of the search textbox in a SharePoint 2010 site.
Here we have made our custom master page and also custom css file. In the custom master page we have called our custom css file like below:
<SharePoint:CssRegistration runat="Server" Name="/_layouts/styles/OurCustomCSS.css" After="corev4.css"/>
And our css content code is like below:
.s4-search input.ms-sbplain {
background:#333333; border:1px solid #666666 !important; width:200px !important; height:17px;padding:2px;
color:#CCCCCC; line-height:20px;
}
After this the seach box will look like below.
0 on: "Branding the Search box in SharePoint 2010"