divスタイルを使用すると境界線を表示できません

Question

WordPressのサイトでMailChimpのoptinを使用していますが、何らかの理由で境界線が突然消えてしまいました。

<div style="border-style: solid thin #FFFFFF"> 
 
    <p style="float:left; padding: 0px 5px 0px 0px;"><img src="http://www.xxxx.com/wp-content/uploads/2017/06/photo.jpg" style="width:115px; height:auto;" class="border"></p> 
 
    <p><text 
 
    </p> 
 
    &nbsp; 
 

 
    <!-- Begin MailChimp Signup Form --> 
 
    <link href="//cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css"> 
 
    <style type="text/css"> 
 
    #mc_embed_signup{background:#FFFFFF; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;} 
 
    /* Add your own MailChimp form style overrides in your site stylesheet or in this style block. 
 
    We recommend moving this block and the preceding CSS link to the HEAD of your HTML file. */ 
 
    </style> 
 
    <div id="mc_embed_signup"> 
 
    <form action="//xxxxxxx.us14.list-manage.com/subscribe/post?u=2b24d9a7eb0e64eed113ca92c&amp;id=6444b29c17" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
 
     <div id="mc_embed_signup_scroll"> 
 
     <label for="mce-EMAIL">Subscribe to our mailing list</label> 
 
     <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
 
     <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
 
     <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_2b24d9a7eb0e64eed113ca92c_6444b29c17" tabindex="-1" value=""></div> 
 
     <div class="clear"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> 
 
     </div> 
 
    </form> 
 
    </div>

Answer 1

用途：

#mc_embed_signup{background:#FFFFFF; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;} 

が間にある：代わりにあなたのdivの

<div style= 'border: 2px solid #fff'> 

私はことを願っていますスタイルのタグ

<style>#mc_embed_signup{background:#FFFFFF; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}</style> 

そうでない場合、動作しません。スタイルは、CSSファイル、またはタグの間に適用する必要があります。 さらに、CSS階層について覚えておいてください。（CSS Selector Hierarchy?）

Answer 2

ボーダースタイルでは色が使用できず、値として「薄い」も使用できません。

は、あなたがしようとしている文脈での「国境」を使用したい：

<div style="border: solid thin #FFFFFF"> 
    hello 
</div> 

あなたのdiv要素は、他の境界線を適用するスタイル（または境界：なし）によって上書きされる可能性があります

https://jsfiddle.net/4tm3d1jm/

へドキュメント内のすべてのdiv要素。

参考：https://developer.mozilla.org/en-US/docs/Web/CSS/border-style?v=control