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