title: TinyMCE: style dropdown and content of a custom style differently
body: <p>I have made a custom style named "Drop Cap" which in the content I have of course styled it with a very large font size. But in the Formats dropdown menu I don't want it to use the same very large font, I want it to just be normal. Here you see the problem:</p>
  
  <p><a href="https://i.stack.imgur.com/eTaVU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eTaVU.jpg" alt="example showing tinymce editor with problematic menu"></a></p>
  
  <p>How do I fix this? It looks like tinymce automatically takes the CSS from content_style for that style and applies it "statically" to the style attribute for that element in the dropdown! And there are no decently named classes or anything that I use to override that styling...</p>
  
  <p>My JS code is:</p>
  
  <pre><code>tinymce.init({
      selector:'textarea',
    style_formats_merge: false,
    style_formats: [
      {"title":"Subheading","block":"h5","classes":"subheading"},
      {"title":"Drop Cap","inline":"span","classes":"dropcap clearfix"}
    ],
    content_style: '.dropcap { float: left; font-size: 4.6em; padding-right: 3px;  line-height: 95%; }'
  });
  </code></pre>
  
  <p>Example: <a href="https://jsfiddle.net/TheStoryCoder/L8av738L/" rel="nofollow noreferrer">https://jsfiddle.net/TheStoryCoder/L8av738L/</a></p>