2014-09-26 3 views
0

Я разрабатываю веб-приложение электронной почты с использованием HTML5, CSS3, JavaScript, JQueryEmail Response Стиль отвергая мои стили

Я столкнулся с проблемой в Email Content рендеринге.

Некоторые Email Содержание (Технически, Response) имеет свой собственный стиль, скажем, например, что-то вроде этого

{ цвет: зеленый; }

Следовательно, все мои якорные метки (в том числе якорные метки в заголовке, нижнем колонтитуле все) меняются на зеленый цвет.

Как это ограничить.

Я думаю об использовании iframe в моей части, содержащей часть содержимого электронной почты.

Просьба дать мне ваши ценные предложения.

Благодаря

ответ

1

Вы можете использовать CSS selectors, такие как ID или классы.

Если вы хотите различать стиль ответа и любой другой стиль, вы должны создать класс с именем response .response и использовать его для ссылки на теги a.

CSS-код будет выглядеть следующим образом:

.response a {color:green} 

и HTML будет выглядеть следующим образом:

<div class="response"> 
    <!--all the response stuff here--> 
    <a href"http://stackoverflow.com">Some link in the response</a> 
</div> 
+0

Нет, я не могу использовать CSS селекторы, потому что никогда не узнайте, какой тип содержимого электронной почты (ответ) появится. Его не под моим контролем. – Karthikeyan

+0

@ Karthikeyan. Но вам должно быть под вашим контролем, что будет вызван div, на который будет реагировать ответ. Если вы даете div класс или id, вы можете ссылаться на любой из этих дочерних элементов div на класс div или id. – Enigmadan

+0

@ Karthikeyan, и если вы * нуждаетесь в * вашем стиле, чтобы переопределить любой входящий стиль, вы можете использовать суффикс '! Important', чтобы убедиться, что ваш css является приоритетным стилем, а не любым css, который может последовать за ним. Это будет отменять ** все ** иначе, поэтому не используйте его, если вам это не нужно. – Enigmadan

0

Давайте узнаем что-то из Roundcube опыта. Здесь мы можем увидеть, как они это сделали (в контекстной версии):

<div id="messagecontent"> ... </div> 

Но ... RoundCube добавить уникальный идентификатор для каждого правила в стиле.

Другие решения, чтобы избежать стиля подмену:

  • удалить <style> теги
  • положить его в (как вы предложили)
Смежные вопросы