如何使用默认浏览器的滚动条替换自定义样式滚动条(我可以使用Webkit更改chrome)
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
background-color: #CFCFCF
}
::-webkit-scrollbar {
width: 10px;
background-color: #F5F5F5
}
::-webkit-scrollbar-thumb {
background-color: #2C3E50
}
Run Code Online (Sandbox Code Playgroud)
但是我也想在mozilla firefox中进行更改..帮助我
如何在单击下拉菜单时上下改变引导下拉箭头.这有可能使用CSS吗?
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"/>
<li class="dropdown">
<a href="#" style="text-decoration:none" class="dropdown-toggle" data-toggle="dropdown">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">Menu1</a></li>
<li><a href="#">Menu2</a></li>
<li><a href="#">Menu3</a></li>
</ul>
</li>Run Code Online (Sandbox Code Playgroud)
我已经创建了一个网页,如下所示,但是我无法使页面的一部分一直延伸到底部,正如您在图像中的黑暗区域所看到的那样。我已经进行了研究并在这里搜索了一些类似的帖子,但我尝试过的任何内容似乎都无法解决问题。
高度:100%;位置:相对;不工作
高度:自动;最小高度:100%;不工作
底部:0;不工作
html{
height:100%;
}
#home {
background: url(../img/chemical.jpg) no-repeat center center; /*Full Witdth background image*/
padding: 0;
-webkit-background-size: cover;
background-size: cover;
-moz-background-size: cover;
min-height: 600px;
width:auto;
min-width:100%;
}
/*STYLE FOR OVERLAY CLASS - WHICH IS ABOVE IMAGE WITH OPACITY/TRANSPARENCY 0.75*/
#home .overlay {
padding-bottom:20%;
background-color: rgba(0, 116, 112,0.6); /*.75 opacity of the color so that background image is visible*/
min-height: 600px;
color: #fff;
width:auto;
min-width:100%;
}
body {
margin-top: 100px;
background-color: #222;
}
#wrapper {
padding-left: 0; …Run Code Online (Sandbox Code Playgroud)