Question

我有一个网站使用带有引导样式的jquery响应式dataTables，每当用户点击绿色加号按钮时会出现一个下拉列表，然后当你将鼠标悬停在该下拉列表上时，它会像这样匹配网站的背景。{ {3}}

我试着发布我认为相关的代码，知道我是否遗漏了一些东西：

HTML：

<body>
    <div class="container">
    <table id="PastFiveYears" class="table table-striped table-bordered dt-responsive nowrap" cellspacing="0" width="100%">
    <h2> QB stats from 2009 to current {{curYear}} season</h2>
    <thead>
        <tr>
            <th>Last Name</th>
            <th>First Name</th>
        </tr>
    </thead>

    <tbody>
        <tr>
            <td>{{p.player.last_name}}</td>
            <td>{{p.player.first_name}}</td>
        </tr>            
    </tbody>
</body>

的CSS：

body {
    background-image: url("green_cup.png");
    position: relative;
}

tr:nth-child(even) {
    background-color:#f1f1f1 !important

}

th{
    background-color:#f1f1f1

}

所以我猜我真正想问的是，当我将鼠标悬停在悬停下拉列表上时，如何更改悬停下拉列表的背景？

感谢您的帮助！对不起，如果这些问题很简单，但我尝试搜索，我不确定我到底想要做什么

Answer 1

如果你是镀铬的，那么用鼠标右键按下该行并按下inspect元素。现在，您可以在按下按钮时将其标记为悬停。比你需要看到它继承风格的地方。现在你有2个选择： 1）覆盖样式，为examlpe

 <style>
     table
     {
     color:red;
     }
table::hover 
{
color:green;
}
    </style>

它会使所有表格都呈红色。和悬停的绿色

2）您可以搜索css并将其更改为

goodluck： - ）

响应式DataTables在悬停时下拉背景更改颜色

1 个答案: