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

标签 html css css-selectors

我在 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; 
}

这两种方法都行不通,但我用 anchor 标记尝试了一下,它确实起作用了。请提出任何建议。

最佳答案

你有

title= 'title1'

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

title='title1'

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

相关文章:

JavaScript 跨浏览器点击 HTML DOM 元素

jquery - 两个 div 停靠和取消停靠

javascript - 使用javascript更改按钮颜色

css - 是否可以使 css 选择器在没有 javascript 的情况下影响页面中的其他元素?

CSS选择除前两个和后两个之外的所有子元素

html - ARIA 组合框的 IE 兼容标记

javascript - 使用 appenChild 添加 div 并使用 removeChild 减少 div

html - 将鼠标悬停在 HTML 上,元素下划线闪烁白色然后淡入红色

html - 为什么我的第一个子选择器不能处理具有指定类的选择中的第一个元素?

html - CSS 属性定义覆盖 Knockout js css 绑定(bind)