2016-06-16 15 views
1

ユーザーがサインアップした後に確認メールを送信します。私はdeviseのメーラー・ビューを使用します。 他のすべてのものが動作しているようですが、CONFIRM ACCOUNTのCSSはまったく呼び出されません。私は、私はインラインスタイルのすべてのスタイルを設定したので、私はメーラービューのCSSクラスを使用することはできませんを読んだ。私は私のWebアプリのメーラービューを表示すると、それはこのようになります表示Devise(Rails)Mailer for GmailでCSSが動作しない

enter image description here

下回っしかし、実際のメーラーでのように、それは偉大に見える:以下

enter image description here

は、コードが何であるかをI持っている:

<body style="background-color: #F7F7F7;"> 
<div class="main wrapper clearfix"> 
    <div style="border: 1px solid #e4e4e4; 
     border-radius: 5px; 
     margin: 50px auto; 
     padding: 20px 50px; 
     box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.15); 
     background-color: white; 
     max-width: 700px;"> 
     <div style="text-align:center"> 
      <%= image_tag("logo-green.svg") %> 
     </div><br><br> 
     <div> 
      <p>Welcome <%= @user.first_name %>!</p> 

      <p style="line-height: 1.5">Let's confirm your email address. Click the button below to confirm your email.</p> 

      <%= link_to 'CONFIRM ACCOUNT', 
      confirmation_url(@resource, confirmation_token: @token), 
      style: "font-family: Raleway-SemiBold, sans-serif; 
       -webkit-font-smoothing: antialiased; 
       display: inline-block; 
       cursor: pointer; 
       text-decoration: none; 
       color: white; 
       letter-spacing: 1px; 
        padding: 13px 30px; 
        font-size: 0.8em; 
        color: #fff; 
        background-color: #00BA9B; 
        transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1); 
        transition-delay: 0.2s; 
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.26); 
        margin-top: 25px; 
        margin-bottom: 20px; 
        border-radius:" %> 

      <br><br> 
      <p style="line-height: 1.5">Thanks,<br>website <br> <a href="www.website.com" style="color: #00BA9B; text-decoration:none">www.website.com</a></p> 
      <br> 

      <p style="color:grey; font-size:11px;">P.S. If you didn't sign up for website, please ignore this email - apologies for the disturbance.<p> 
     </div> 
    </div> 
</div> 
</body> 

<a href="www.website.com" style="color: #00BA9B; text-decoration:none">www.website.com</a>でスタイリングはメーラーの表示でうまくいきます。しかし、CONFIRM ACCOUNTのラインスタイリングでは機能しません。 インライン・スタイリングが他の場所で動作している理由を知りたいのですが、link_to 'CONFIRM ACCOUNT',にはありません。

答えて

関連する問題