PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HTML5+CSS3教程 > 正文

    H5项目常见问题-超实用的CSS样式

    作者:admin来源:网络浏览:时间:2020-09-30 00:07:50我要评论
    导读:H5项目常见问题-超实用的CSS样式
    超实用的CSS样式

    1. //去掉webkit的滚动条——display: none; 
    2. //其他参数 
    3. ::-webkit-scrollba //滚动条整体部分 
    4. ::-webkit-scrollbar-thumb   //滚动条内的小方块 
    5. ::-webkit-scrollbar-track   //滚动条轨道 
    6. ::-webkit-scrollbar-button  //滚动条轨道两端按钮 
    7. ::-webkit-scrollbar-track-piece  //滚动条中间部分,内置轨道 
    8. ::-webkit-scrollbar-corner       //边角,两个滚动条交汇处 
    9. ::-webkit-resizer            //两个滚动条的交汇处上用于通过拖动调整元素大小的小控件 
    10.   
    11. // 禁止长按链接与图片弹出菜单 
    12. a,img { -webkit-touch-callout: none }     
    13.   
    14. // 禁止ios和android用户选中文字 
    15. html,body {-webkit-user-select:none; user-select: none; } 
    16.   
    17. // 改变输入框placeholder的颜色值 
    18. ::-webkit-input-placeholder { /* WebKit browsers */ 
    19. color: #999; } 
    20. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    21. color: #999; } 
    22. ::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    23. color: #999; } 
    24. :-ms-input-placeholder { /* Internet Explorer 10+ */ 
    25. color: #999; } 
    26. input:focus::-webkit-input-placeholder{ color:#999; } 
    27.   
    28. // android上去掉语音输入按钮 
    29. input::-webkit-input-speech-button {display: none} 
    30.   
    31. // 阻止windows Phone的默认触摸事件 
    32. /*说明:winphone下默认触摸事件事件使用e.preventDefault是无效的,可通过样式来禁用,如:*/ 
    33. html { -ms-touch-action:none; } //禁止winphone默认触摸事件 

     

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-142-5169-1.html
    相关热词搜索: