Есть ли способ установить встроенный стиль для ссылки href на «a: hover» в html-письме? - PullRequest
11 голосов
/ 26 мая 2010

Вопрос заключается в том, чтобы узнать, существует ли способ создания электронного письма в формате HTML со встроенным стилем (без CSS-файла или тегов <style>) с помощью ссылок href, которые реагируют с помощью мыши, проходящей над ними: просто чтобы иметь возможность изменить цвет шрифта.

Итак, нет JS, нет сценария, нет <style>, просто <a href="http://www.dot.com style="....">link</a>

Ответы [ 4 ]

4 голосов
/ 26 мая 2010

Обычный способ HTML для встроенного стиля:

<a href="url" style="color:#cfe7fe";">Click me!</a>

Но я не уверен, насколько это надежно в шаблонах электронной почты.

Вы всегда можете попробовать: (Хотя устарело)

<font color="blue"> <a href="url">Click me!</a> </font>

Надеюсь, это поможет.

Редактировать: Для линейного зависания попробуйте использовать:

onmouseover="this.style.color='blue';" 
onmouseout="this.style.color='black';"

Но опять же я не уверен в поддержке по электронной почте для этого.

3 голосов
/ 26 мая 2010

Некоторые почтовые клиенты поддерживают теги style и, следовательно, определяют псевдоселекторы. Согласно этому списку:

Руководство по поддержке CSS в почтовых клиентах

:hover поддерживается большим количеством клиентов.

При необходимости вы сможете вставить тег <style> в тело. Это недействительно, но богатая электронная почта - это такое минное поле, что это вряд ли будет иметь значение.

:hover это твой единственный шанс, я думаю. Невозможно определить встроенные псевдоселекторы, и JavaScript отключен, потому что он будет заблокирован большинством (или всеми?) Клиентами.

3 голосов
/ 26 мая 2010

номер

Вы не можете применять псевдо-классы (или что-либо еще, что появляется в селекторе) через атрибут style.

0 голосов
/ 19 июня 2016

Однако вы не сможете изменить цвет подчеркивания. Вы можете заключить текст ссылки в div, а затем заключить div в ссылку, например:

<a href="http://www.google.com"><div style="margin: 0px;padding: 20px 50px;font-size: 50px; color: red;">GOOGLE</div></a>

Слово «GOOGLE» будет отображаться красным цветом, но с синим подчеркиванием. Так что это не совсем решит вашу проблему, я не думаю.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...