可以使用 CSS 的属性选择器来解决这个问题,只对有 title 属性的 label 显示提示信息。

option-group label[title]:hover:after {
  content: attr(title);
  background-color: #40b40d;
  position: absolute;
  padding: 5px;
  border: 1px solid #000;
  color: #000;
  font-size: 16px;
  font-weight: heavy;
}

该代码使用 label[title] 选择器,仅对拥有 title 属性的 label 元素应用样式。这样,只有拥有 title 属性的 label 元素在鼠标悬停时才会显示提示信息。

CSS label 鼠标悬停显示 title 提示的优化方法

原文地址: https://www.cveoy.top/t/topic/n3v9 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录