Adding effect CSS on select box Styles like in content area

Hi all,
i have a little problem here, first i have setting CSS path file on Tools->Configuration->Interface & Features in filed Path to CSS File. This is absolutely work fine on content editor when i type something then put custom CSS on the select box Style from my CSS file that i’ve setting before. The effect CSS on sentences that i’ve type is work, but the effect CSS on select box Style is not work as compared to select box Format with the effect of CSS like Heading1,Heading2,etc.

The file of my custom css is like :
.solid-red {
border:solid;
color:red;
font-size:18px;
background:#fff ;
}

.dashed-red {
border:dashed;
color:red;
font-size:12px;
}

.groove-green {
border:groove;
color:green;
font-size:12px;
}

.solid-5px {
border-style:solid;
border-width:5px;
color:#456545;
}

I want to add the effect of each CSS to the select box Style, please help me ASAP.

Best Regards,
KSF