zoukankan      html  css  js  c++  java
  • 移动端 cursor:pointer问题

        之前一直没有注意过,为元素设置上cursor:pointer属性后,会导致元素点击时出现一个蓝色的背景。

        为元素设置-webkit-tap-highlight-color: transparent;可以解决这个问题。

         -webkit-tab-highlight-color是一个不规范的属性(unsupported WebKit property),它没有出现在CSS规范草案中。

          当用户点击IOS的Safari浏览器中的链接或JavaScript的可点击元素时,覆盖显示的高亮颜色。

         该属性可以只设置透明度,iOS Safari使用默认的透明度,当透明度设为1,元素在点击时不可见。

        语法:

        -webkit-tap-highlight-color:color;

        默认值:inherit 

        适用于:链接元素比如新窗口打开,img元素比如保存图像等等。

        取值:

        color:颜色值

        transparent:透明值

  • 相关阅读:
    第三周作业
    第二周作业
    计算机基础学习心得
    第三次作业
    第2次作业(指针总结)
    2018(上)C高级第0次作业
    本学期最后一次作业 总结。
    第十四、十五周作业
    第七周作业
    第六周作业
  • 原文地址:https://www.cnblogs.com/jjworld/p/7443614.html
Copyright © 2011-2022 走看看