Change the style of Title attribute inside an option tag
<p>I have options tags inside a select tag, each one has a title attribute, I want to change the style of those titles, I tried this but it didn't work :</p>

<pre><code>&lt;select&gt;
&lt;option id="op1" title= 'title1'&gt;option 1&lt;/option&gt;
&lt;option title= 'title2'&gt;option 2 &lt;/option&gt;
&lt;/select&gt;
</code></pre>

<p>First with this css:</p>

<pre><code>option[title]:hover:after{
 content: attr(title);
 background: red; 
}
</code></pre>

<p>Then with this one:</p>

<pre><code>#op1[title]:hover:after{
 content: attr(title);
 background: red; 
}
</code></pre>

<p>Neither of those two methods worked, yet I tried this with the anchor tag and it did work. Any suggestions please.</p>