Olá,
Antes de enviar o texto por email, prepare-o o texto para envio, segue um pequeno exemplo com Jquery:
$( "#prepareToSend" ).one( "click", function() {
$("[class=texto]").css( "color", "red" );
});
.texto{
color:green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p class="texto">email</p>
<button id="prepareToSend">Prepara html para enviar</button>
Como o Zull postou, tem o Projeto Premailer.net: Instale via Nuget (Package Manager Console):
PM> Install-Package PreMailer.net
Veja o uso no controller:
public ActionResult TesteEmail()
{
string htmlFile = System.IO.File.ReadAllText(@"C:Emails\teste.html");
var htmlToEmail = PreMailer.Net.PreMailer.MoveCssInline(htmlFile,true);// true para remover a tag style do html dps de copiar os estilos para tags no atributo syle:
return Content(htmlToEmail.Html);
}
Pelo que pude ver nesta biblioteca, é que ele só move o css para style inline se a mesma estiver na prória pagina html:
- Entrada:
<!DOCTYPE html>
<html>
<head>
<title>Teste</title>
<style>
.well {background-color: #f5f5f5;}
.text-success {color: green;}
.text-center {text-align: center;}
</style>
</head>
<body>
<div class="well">
<h1 class="text-center text-success">Hello World</h1>
</div>
</body>
</html>
Saida do Content(htmlToEmail.Html);
:
<div class="well" style="background-color: #f5f5f5">
<h1 class="text-center text-success" style="text-align: center;color: green">Hello World</h1>
</div>
dei uma lida rápida também neste artigo:
http://chrispebble.com/inlining-a-css-stylesheet-with-c/