As it is very complex to describe the styles used in the style drop down in short, maybe it is possible to open a layer by clicking on the select box showing the styles "as they are".
e.g. rendering as
<p class="<className>" onclick="return this.className;" onmouseover="this.style.backgroundColor='blue';" onmouseout="this.style.backgroundColor='white';" style="border: #999999 1px solid black; padding: 2"><className></p>
???
e.g. rendering as
<p class="<className>" onclick="return this.className;" onmouseover="this.style.backgroundColor='blue';" onmouseout="this.style.backgroundColor='white';" style="border: #999999 1px solid black; padding: 2"><className></p>
???