CSS label 鼠标悬停显示 title 提示的优化方法
可以使用 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 元素在鼠标悬停时才会显示提示信息。
原文地址: https://www.cveoy.top/t/topic/n3v9 著作权归作者所有。请勿转载和采集!