Uniapp 鼠标悬停改变 list-item 标题样式
可以使用 CSS 的:hover 伪类来实现鼠标悬停时改变样式。具体的实现方式如下:
- 在样式文件中,添加如下代码:
.list-item:hover .title {
color: red;
font-weight: bold;
}
- 在 list-item 组件中的 title 标签中,添加 class='title' 属性:
<list-item>
<div class='title'>标题</div>
</list-item>
这样,在鼠标悬停在 list-item 上时,title 标签的样式就会改变,文字变成红色、加粗。你也可以根据需要修改样式属性。
原文地址: http://www.cveoy.top/t/topic/lKxB 著作权归作者所有。请勿转载和采集!