CSS 设置sharepoint 2010中的搜索栏

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS 设置sharepoint 2010中的搜索栏相关的知识，希望对你有一定的参考价值。

<!--in master page , replace -->


<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
			<SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" Version="4"/>
		</asp:ContentPlaceHolder>

<!--with -->

<div class="s4-notdlg" id="searchBoxOuter">
		<asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server">
			<SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" Version="4"/>
		</asp:ContentPlaceHolder>
	</div>

<!--then add the following css, pointing to your image (here called 'searchBox.png'). Additional options are commented out. -->

<style type="text/css">
#searchBoxOuter {width:215px; height:27px; background: url('images/searchBox.png')  no-repeat; margin-top:3px; /*position:absolute; right:27px; top: 27px;*/}
/*#searchBoxOuter:hover { background: url('images/bg-search.png') 0 -30px no-repeat;}*/
.s4-search INPUT.ms-sbplain {background-color:transparent; background: none; border:none !important; width:180px !important; height:24px !important; font-size:13px; color:#77a22f; padding:3px 0 0 6px !important;  font-style:italic;}
 .s4-search .srch-gosearchimg {	background-color:transparent; background-image:none; visibility:hidden;}
 input.s4-searchbox-QueryPrompt {font-size:13px !important; }



</style>

以上是关于CSS 设置sharepoint 2010中的搜索栏的主要内容，如果未能解决你的问题，请参考以下文章

JavaScript 使用JQuery更改SharePoint 2010中的默认搜索框文本

使用JQuery更改SharePoint 2010中的默认搜索框文本

CSS sharepoint 2010 css重置

从 SharePoint 2010 中的 Web 模板在 Wiki 页面上设置默认 Web 部件？

CSS 修复SharePoint 2010滚动条问题

CSS sharepoint 2010站点操作和欢迎链接驯服代码