根据类将样式应用于title属性

Question

我正在尝试为span选项卡的title属性应用样式。跨度已经在使用样式类我想使用同一个类来应用我的样式是否可能？

<span class="span_class" title="100"> hello </span>

.span_class {

}

我想更改标题的背景颜色。

Answer 1

问题在这里得到解答：How to change the style of Title attribute inside the anchor tag?

或者，您应该使用javascript库（有几个），例如https://jqueryui.com/tooltip/

我认为您还应该添加aria-label属性以确保可访问性。

你能用scss做同样的风格吗？那样的东西？

@mixin myclassforspan{
  background:blue;
  color:white;
  padding:10px 2px;
}

.span_class[title] {
  @include  myclassforspan;
  &:hover{
    position: relative; 
    &:after{
      @include  myclassforspan;
      content: attr(title);  
      position: absolute;
      left: 0;
      top: 100%;
      z-index: 20; 
    }    
  }
}