Html ie不支持的webkit滚动条css
对于样式化滚动条(属于Html ie不支持的webkit滚动条css,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,对于样式化滚动条(属于ul),我使用了css.requestType是ul的类 我使用的css是- .requestType{ height:600px; overflow-y: scroll; } .requestType::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5; } .r
ul
),我使用了css.requestType
是ul
的类
我使用的css是-
.requestType{
height:600px; overflow-y: scroll; }
.requestType::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5; }
.requestType::-webkit-scrollbar { width: 5px; background-color: #F5F5F5; }
.requestType::-webkit-scrollbar-thumb{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: darkgray; }
.list-group {
display: flow-root; }
它在铬合金中工作良好
但是在IE
和mozilla-firefox
的情况下,它应用了简单的滚动条,而没有对其进行样式化
在IE
和mozilla firefox
中设置滚动条样式时,我应该做些什么
<ul class="list-group mb-3 requestType" id="requestType">
<li class="list-group-item d-flex justify-content-between bg-light">
<div class="text-success">
<label class="Request_type" for="radio4">abc
<input type="radio" name="radio" value="abc" id="radio4">
<span class="checkmark"></span>
<h5><small class="text-muted">Brief description</small></h5>
</label>
</div>
</li>
<li class="list-group-item d-flex justify-content-between bg-light">
<div class="text-success">
<label class="Request_type" for="radio6">xyz
<input type="radio" name="radio" value="xyz" id="radio6">
<span class="checkmark"></span>
<h5><small class="text-muted">Brief description</small></h5>
</label>
</div>
</li>
-
abc
简述
-
xyz
简述
欢迎来到用户体验和用户界面的世界!浏览器支持矩阵对于此类问题非常有用,您可以使用它们定义在不同浏览器或设备(如IPad、移动设备等)中查看应用程序时查看哪些项目以及如何查看项目 例如,如果用户在chrome中查看站点,您可以为视图提供else语句,然后显示特定视图,并为IE提供另一个视图。这可能是您的一个选项 或者,您可以生成一个与所有浏览器兼容的样式表——下面是一个与IE不兼容的CSS属性的快速列表
希望这有帮助 欢迎来到UX和UI的世界!浏览器支持矩阵对于此类问题非常有用,您可以使用它们定义在不同浏览器或设备(如IPad、移动设备等)中查看应用程序时查看哪些项目以及如何查看项目 例如,如果用户在chrome中查看站点,您可以为视图提供else语句,然后显示特定视图,并为IE提供另一个视图。这可能是您的一个选项 或者,您可以生成一个与所有浏览器兼容的样式表——下面是一个与IE不兼容的CSS属性的快速列表
希望这有帮助 就是不支持它。有一个很酷的滚动条的方法是使用一个库,您可以查找一些基于jquery的插件或npm包,就像这样。另一种方法是用vanilla js和一些css从头开始(请记住,所有涉及动作的滚动都很累人)。IE只是不支持它。有一个很酷的滚动条的方法是使用一个库,您可以查找一些基于jquery的插件或npm包,就像这样。另一种方法是使用vanilla js和一些css从头开始(请记住,所有涉及动作的滚动都很费力)。首先离开IE,它不支持大多数当前技术,因为microsoft对它进行了去擦洗。请分享你使用的html首先离开IE,它不支持大多数当前的技术,因为微软对它进行了删减。请分享你使用的html