<分区>
标签 css sharepoint
我有这个html
<div id="NBSAreaDirectorySearch">
<div class="ms-webpart-chrome ms-webpart-chrome-fullWidth ">
<div class="ms-WPBody " id="WebPartWPQ2" allowdelete="false" onlyformepart="true" width="100%" haspers="true" webpartid="00000000-0000-0000-0000-000000000000">
<div style="display: none;"></div>
<div id="ctl00_PlaceHolderMain_g_2ea1c174_49f1_467b_89ff_d32d6c945151_csr" componentid="ctl00_PlaceHolderMain_g_2ea1c174_49f1_467b_89ff_d32d6c945151_csr">
<div class="ms-floatLeft" id="SearchBox" name="Control">
<div class="ms-srch-sbLarge ms-srch-sb-border nbs-landingAreaDirectory-srchBoxDiv" id="ctl00_PlaceHolderMain_g_2ea1c174_49f1_467b_89ff_d32d6c945151_csr_sboxdiv">
<input title="Search within the Branch Directory">
<a title="Search">
<img id="searchImg">
</a>
<div>
<div>
</div>
</div>
</div>
</div>
<div id="SearchOptions">
</div>
</div </div>
<div class="ms-clear">
</div>
</div>
</div>
</div>
NBSAreaDirectorySearch
下的所有内容都是自动生成的,因此 ID 可能不同,searchImg
除外。我想更改通过 nbsareadirectorysearch
的 searchImg
的 css,因为页面上还有另一个 searchImg
。
SharePoint 站点,因此母版页中有一个 searchimg,页面布局中有一个。不幸的是,我无法更改自动生成的 ID
最佳答案
您应该能够使用
定位特定图像#NBSAreaDirectorySearch #searchImg {
border: red 1px solid;
}
Here's a fiddle完全使用您发布的内容。我使用了占位符图像来突出显示所应用的红色边框样式。
关于css 使用祖先获取元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29165468/