如何在Layui.table中改变表格的悬浮和选中样式
时间: 2024-04-12 18:26:57 浏览: 384
table鼠标经过时整行变色 jquery
5星 · 资源好评率100%
在Layui框架中,您可以使用CSS样式来改变表格的悬浮和选中样式。以下是一些示例代码,您可以根据自己的需求进行调整:
1. 改变表格行的悬浮样式:
```css
.layui-table-hover tbody tr:hover {
background-color: #f2f2f2; /* 设置悬浮时的背景色 */
cursor: pointer; /* 设置鼠标悬浮时的光标样式 */
}
```
2. 改变表格行的选中样式:
```css
.layui-table-click tbody tr.layui-table-clicked {
background-color: #e6e6e6; /* 设置选中时的背景色 */
}
```
请确保将上述CSS代码添加到您的样式文件中,并在HTML页面中引用该样式文件。根据您使用的Layui版本和具体的HTML结构,可能需要进行一些微调。
希望这可以帮助到您!如果您有任何其他问题,请随时提问。
阅读全文