Css 覆盖SharePoint的square.gif和setrect.gif
在SharePoint 2007网站集的自定义品牌中,我需要更改项目符号图像。SharePoint 2007不使用标记,而是使用表和图像,如下所示:Css 覆盖SharePoint的square.gif和setrect.gif,css,sharepoint,sharepoint-2007,Css,Sharepoint,Sharepoint 2007,在SharePoint 2007网站集的自定义品牌中,我需要更改项目符号图像。SharePoint 2007不使用标记,而是使用表和图像,如下所示: <tr> <td class="ms-vb" style="padding-bottom: 5px;"><img alt="" src="/_layouts/images/square.gif"> </td> <td class="ms-vb" style="p
<tr>
<td class="ms-vb" style="padding-bottom: 5px;"><img alt="" src="/_layouts/images/square.gif"> </td>
<td class="ms-vb" style="padding-bottom: 5px; padding-left: 5px;">
<a href="http://stackoverflow.com" onfocus="OnLink(this)">stackoverflow</a>
</td>
</tr>
有什么想法吗?试试:
td.ms-descriptiontext img,
td.ms-vb img
{
background:transparent url("/_layouts/images/myproject/bullet.gif") no-repeat top left;
display: block;
height: 0;
padding: 5px 5px 0 0;
}
尝试边距而不是填充 我对javascript做了一项工作:查找img标记并替换它们的源代码:
<script language="javascript" type="text/javascript">
var arrElements = document.getElementsByTagName("img");
for (var i=0; i<arrElements.length; i++) {
//get pointer each image element:
var element=arrElements[i];
//check for a source with /images/square.gif from this site:
if (element.getAttribute('src') == "http://www.MY-SITE-NAME.com/_layouts/images/square.gif") {
//found... change it's src to our new image:
element.setAttribute('src', 'http://www.MY-SITE-NAME.com/MY-LOCATION/MY-CUSTOM-BULLET.gif');
}
}
我有。边距随图像移动背景图像,如果宽度为0,则将其隐藏,如果宽度>0,则会被图像遮挡。是的,javascript可以工作。不幸的是,我仅限于使用css。Javascript不是一个选项。
td.ms-descriptiontext img,
td.ms-vb img
{
background:transparent url("/_layouts/images/myproject/bullet.gif") no-repeat top left;
display: block;
height: 0;
padding: 5px 5px 0 0;
}
<script language="javascript" type="text/javascript">
var arrElements = document.getElementsByTagName("img");
for (var i=0; i<arrElements.length; i++) {
//get pointer each image element:
var element=arrElements[i];
//check for a source with /images/square.gif from this site:
if (element.getAttribute('src') == "http://www.MY-SITE-NAME.com/_layouts/images/square.gif") {
//found... change it's src to our new image:
element.setAttribute('src', 'http://www.MY-SITE-NAME.com/MY-LOCATION/MY-CUSTOM-BULLET.gif');
}
}