New Post: Custom Unordered List CSS appearing in editor dropdown boxes

Hiya, I'm currently testing this editor out for my company to see if it'll work with our custom modules and such.

In this testing process I'm using an existing editor.css file that was used with the old default DNN editor. This file contains unordered list styling to mirror how it'll end up looking on the page. This includes, amongst other things, paddings and a background image to create a chevron list style.

Like so:


However, my problem is that it also adds this effect to the Formatting Style, Paragraph Format, Font Name and Font Size dropdown menus.
Like so:


This, of course, is not my intention.

Now, I know why this happens. The editor CSS is also applied to these elements to give a preview for the Formatting Style or Paragraph Format etc. which you are about to select. Problem is just that I only really want my list styling to apply to the actual editing field.

I have found several ways to do this. One being to set a class or ID on the body in the settings, and then prefixing the CSS I only want to appear there in the editor.css file. The problem I'm seeing with this solution is that this functionality was not really intended to be used this way.

I also preferably want to keep my editor.css as generic as possible (as little classes and ID's as possible). Is there a best way to go about this?