Нужен способ стилизовать элементы, к которым я не могу получить доступ

Question

Нужен способ стилизовать элементы, к которым я не могу получить доступ

0

Существует страница, на которой я пытаюсь создать границу обертки. Более того, переформатируйте его, поскольку есть фон, основанный на изображении, который мне нужно изменить. Однако страница существует в шаблоне, с которым тег тела, к которому я не могу получить доступ. Проблема действительно заключается в том, что оболочка выполняется с таблицей внутри div (которая имеет класс и и ID), но не имеет возможности действительно делать какой-либо потомок CSS, поскольку левые вертикальные границы занимают одно изображение (4px x 4px gif, который повторяется-y), а верхняя и нижняя границы имеют тот же самый gif, что и x-повторы, но все углы округлены.gifs (чтобы компенсировать отсутствие поддержки в старых IE-браузерах для визуализации HTML5/CSS3) которые различаются в каждом углу.

Поскольку все границы выполняются с бесклассовым, id-less td (все они попадают под идентификатор и класс, которые будут влиять на все границы, если я буду использовать потоковый CSS), а также стилизованный элемент-inline и в области на странице, с которой у меня нет доступа к редактору в CMS, нет возможности внести изменения.

Мне интересно, есть ли JavaScript или jQuery, которые я могу использовать, чтобы, возможно, манипулировать CSS этих таблиц и изменять границы.

Пожалуйста, посоветуйте, спасибо за любую помощь!

abtecas 05 май 2014, в 16:59

Источник

0

Посмотрите в nth ребенка , это может помочь. Также может опубликовать соответствующий код, чтобы люди могли видеть, что происходит.
Matthew Johnson 05 май 2014, в 14:33
0

хотелось бы, но IE8 не будет поддерживать nth-child, и (к сожалению, я должен убедиться, что он работает в браузерах вплоть до IE8). Также я не публиковал код, потому что не чувствую, что он уместен, объясненной ситуации должно быть достаточно. Спасибо, потому что я полностью забыл про nth-child :-)
abtecas 05 май 2014, в 15:02

Теги:

javascript

html

css

content-management-system

1 ответ

Ещё вопросы

Посмотрите в nth ребенка , это может помочь. Также может опубликовать соответствующий код, чтобы люди могли видеть, что происходит.
хотелось бы, но IE8 не будет поддерживать nth-child, и (к сожалению, я должен убедиться, что он работает в браузерах вплоть до IE8). Также я не публиковал код, потому что не чувствую, что он уместен, объясненной ситуации должно быть достаточно. Спасибо, потому что я полностью забыл про nth-child :-)

Yoann · Answer 1 · 2014-05-05T12-15-00.000Z

Возможно, вы можете найти tds, который ссылается на этот конкретный образ в атрибуте стиля в CSS или jQuery с помощью селектора типа:

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/

Я не уверен, что вы подразумеваете под "целевым браузером". Это не проблема браузера, но я пытаюсь найти способ изменить фоновое изображение определенных ячеек таблицы, которые составляют границу обертки содержимого. Я что-то упустил в вашем ответе? Пожалуйста, посоветуйте, спасибо.
Да, я имел в виду, что если вы планируете поддерживать браузер, например Internet Explorer <= 6, селектор атрибутов работать не будет. Таким образом, вы можете использовать jQuery 1.x в качестве обходного пути для IE6.