有一个页面,我正在尝试设置其包装器边框的样式。更重要的是重新设置它的样式,因为我需要更改基于图像的背景。但是,该页面存在于我无法访问的 body 标签的模板中。问题确实存在,因为包装器是用 div 内的表格完成的(它有一个类和 ID),但没有办法真正做任何后代 CSS,因为左垂直边框只占用一个图像(4px x 4px gif that repeats-y) 并且顶部和底部边框具有与 x-repeats 相同的 gif,但 Angular 都是圆 Angular .gifs(以弥补旧版 IE 浏览器不支持呈现 HTML5/CSS3)每个 Angular 落都不同。
因为所有的边框都是用无类、无 id 的 td 完成的(它们都属于一个 ID 和一个类,如果我使用后代 CSS,它们将影响所有的边框),并且进一步样式化元素内联和 in我无法通过 CMS 中的编辑器访问的页面区域,无法进行更改。
我想知道是否有一些 JavaScript 或 jQuery 可以用来操纵这些表格的 CSS 并更改边框。
请指教,感谢您的帮助!
最佳答案
也许您可以在 CSS 或 jQuery 的样式属性中找到引用此特定图像的 tds,并使用如下选择器:
td[style*="gif that repeats"] {
border: replacement style !important;
}
如果你需要支持缺少这种选择器的旧浏览器,你仍然可以在 jQuery 中使用它:
$( 'td[style*="gif that repeats"]' ).css('border', 'new style');
此选择器的文档位于: http://api.jquery.com/attribute-contains-selector/
关于javascript - 需要一种方法来设置我无法访问的元素的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23475027/