Question

我在select标签中有选项标签，每个都有一个title属性，我想改变这些标题的风格，我试过这个但是它没有用：

<select>
<option id="op1" title= 'title1'>option 1</option>
<option title= 'title2'>option 2 </option>
</select>

首先使用此css：

option[title]:hover:after{
 content: attr(title);
 background: red; 
}

然后用这个：

#op1[title]:hover:after{
 content: attr(title);
 background: red; 
}

这两种方法都没有奏效，但我尝试使用锚标签，但确实有效。请提出任何建议。

Answer 1

你有

Get-CountryList -Groups "a,b,c,d" -Category "x"

缩小差距可能有所帮助：

title= 'title1'

Answer 2

HTML

<select>
<option id="op1" title= 'title1'>option 1</option>
<option title= 'title2'>option 2 </option>
</select>

<p><abbr title="abbr title">abbrt</abbr></p>

CSS

option[title]:hover:after{
 content: attr(title);
 background: cream; 
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  display:block;
  position:absolute;
  top:0;
  right:-100%;
}

http://codepen.io/anon/pen/QyagdE

更改选项标记内的Title属性的样式

2 个答案: