html - 在选项标签内更改标题属性的样式

原文 标签 html css css-selectors

我在select标记内有options标记,每个标记都有一个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; 
}


这两种方法都不起作用,但是我使用了anchor标签尝试了这一点,并且确实起作用了。有任何建议请。

最佳答案

你有

title= 'title1'


缩小差距可能会有所帮助:

title='title1'

关于html - 在选项标签内更改标题属性的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34889180/

相关文章:

javascript - 你如何在Javascript中将变量的值从字符串转换为整数?

iphone - 在iOS设备中以黑色显示电话号码

css - 如何将样式应用于带有ID前缀的元素?

javascript - 具有多个值的复选框的HTML表单

html - Bootstrap 4,如何通过“无滚动”在SPA上获得响应高度?

javascript - 用相同的类名命名整个列

jquery - 隐藏表列,哪个应用了 colspan...?

html - 在悬停时选择 previous sibling 姐妹

html - 使用图像作为侧边栏背景代替颜色

html - 如何连续放置4个选择器以完全填充一个col-sm-4网格?