gpt4 book ai didi

jquery - 将鼠标悬停在选项卡上时,CSS 会更改 Bootstrap 选项卡控件上选项卡的颜色

转载 作者:行者123 更新时间:2023-11-28 03:48:16 24 4
gpt4 key购买 nike

下面是垂直对齐的 Boostrap 选项卡控件的 html 代码 - 示例(基本结构 - 这是一个工作示例)。将鼠标悬停在选项卡上时,选项卡的默认颜色似乎是浅灰色(我从 boostrap.min.css 猜测)。有没有办法可以在我自己的 CSS 中将颜色从浅灰色更改为其他颜色?喜欢覆盖默认颜色(如果是这样的话)?它的 css 是什么?

<html>
<head runat="server">
<title></title>

<link rel="stylesheet prefetch" href="bootstrap.min.css" />
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="bootstrap.min.js"></script>

<style type="text/css">
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: red blue red red;
*border-right-color: lime;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div class="container">
<div><h3>Tabs - vertical</h3>
<div class="tabbable tabs-left">
<ul class="nav nav-tabs">
<li style="background-color:orange;"><a href="#a" data-toggle="tab">One</a></li>
<li style="background-color:orange;" class="active"><a href="#b" data-toggle="tab">Two</a></li>
<li style="background-color:orange;"><a href="#c" data-toggle="tab">Three</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane" id="a"> --A) testing row A</div>
<div class="tab-pane active" id="b"> --B) testing row B</div>
<div class="tab-pane" id="c"> --C) testing row C </div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>

最佳答案

您正在寻找background-color :

.tabs-left > .nav > li > a:hover {
background-color: red;
}

关于jquery - 将鼠标悬停在选项卡上时,CSS 会更改 Bootstrap 选项卡控件上选项卡的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43855996/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com