css去谷歌火狐IE滚动条

 .deals::-webkit-scrollbar,.pdfcontent::-webkit-scrollbar,.topPdf::-webkit-scrollbar {
      display: none; // 谷歌隐藏滚动条
      width:0px
  }

 .deals,.pdfcontent,.topPdf {
      overflow:-moz-scrollbars-none; // 火狐隐藏滚动条
      scrollbar-width: none;
  }

/*ie10以上隐藏pdf滚动条*/
.deals,.pdfcontent,.topPdf{
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow: auto;
}

原文地址:https://www.cnblogs.com/wangduojing/p/11739243.html

时间: 2024-10-16 00:40:35

css去谷歌火狐IE滚动条的相关文章

谷歌下设置滚动条的css样式

.oLi-lists-scroll::-webkit-scrollbar { width:5px;  padding:1px; background:url(../images/repeat-bar.png) repeat-y;} /* Track */ .oLi-lists-scroll::-webkit-scrollbar-track {height:4px;} /* Handle */ .oLi-lists-scroll::-webkit-scrollbar-thumb { backgro

NB的CSS样式集锦1——CSS3滚动条美化,CSS3滚动条皮肤

转自:http://www.pengyaou.com/codecss3/POKDNMS_112.html CSS3 -webkit-scrollbar滚动条皮肤美化实现,利用-webkit-scrollbar,-webkit-scrollbar-track,-webkit-scrollbar-thumb这2个属性设置不同样式的滚动条. 下面是5个滚动条样式. css代码 1 .test1::-webkit-scrollbar { 2 width: 8px; 3 } 4 .test1::-webk

谷歌火狐开发者工具拾取页面元素

谷歌,火狐,ie都有拾取页面元素,方便前台代码追踪,ie的比较直观,项目中用的也比较少,这里不作介绍 谷歌的见下图: 火狐的firebug见下图 算是比较基本的知识了,一直没找到位置,问了问老员工才知道. 多学多问,别被不好意思和所谓的自尊心耽误了向大神取经~

谷歌浏览器 查看源码里的a:hover CSS样式 还有火狐的查看方式

谷歌浏览器查看hover css样式 直接实例: 选中a标签 然后右侧面板 出现 箭头 点击 出现Toggle Element state提示 下面再hover前打勾 直接就可以显示效果了 浏览器查看 下面是火狐的查看方式 通用源码里选中a标签 右侧面板 样式 下拉箭头 点击 选中hover

selenium谷歌火狐插件安装

1.首先ctrl+r进入终端输入(pip install selenium)进行python安装selenium2.打开百度浏览器进行分别输入geckodriver和Chromedriver对火狐和谷歌对应的驱动程序进行的下载.其对应的网址火狐: https://github.com/mozilla/geckodriver/releases 谷歌:http://npm.taobao.org/mirrors/chromedriver/ 进入下载路径进行下载(注意选择与之系统和所使用的浏览器版本相匹

css修改浏览器默认的滚动条样式

//滚动条样式 ::-webkit-scrollbar { width: 10px; } /* 垂直滚动条的滑动块 */ ::-webkit-scrollbar-thumb:vertical { border-radius: 4px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color:#717270; } ::-webkit-scrollbar-track { border: 1px #d3d3d3 solid;

select选择框在谷歌火狐和IE样式的不同

select选择在不同浏览器不同的显示样式, 在IE中 虽然默认和谷歌一样,但是当点击时向下 按钮消失, 解决方法如下: select { /*Chrome和Firefox里面的边框是不一样的,所以复写了一下*/ border: solid 1px #000; /*很关键:将默认的select选择框样式清除*/ appearance:none; -moz-appearance:none; -webkit-appearance:none; /*在选择框的最右侧中间显示小箭头图片*/ backgro

CSS — 溢出隐藏( 隐藏滚动条,依旧可以滚动 )

公司的系统,在PC端可以管理我们的公众号,在发布模块页面时有一个预览功能,呈现页面在手机端的样式. 做法很简单,一会就完成了,但是在预览内容过长时手机外框会有一个滚动条,影响美观,于是就想把它去掉,有一个方法个人觉得很好用,记录下. 思路:写两个 div 嵌套在一起,高度都固定,外面的 div 固定宽度 并且 overflow: hidden; 里面的div宽度比外面的稍宽,最好算好滚动条的宽度,overflow-y: auto; 初始实现是: <!--手机预览--> <div clas

css 内容溢出显示垂直滚动条,内容不超出就不显示滚动条

<div class="div1"> 前端开发者前端开发者前端开发者前端开发者前端开发者 </div> css代码: .div1{ width:200px; height:100px; overflow-y:auto; }