raincoco
raincoco

-webkit-touch-callout

-webkit-touch-callout

概述：

-webkit-touch-callout 是一个 不规范的属性（unsupported WebKit property），它没有出现在 CSS 规范草案中。

当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。在iOS上，当你触摸并按住触摸的目标，比如一个链接，Safari浏览器将显示链接有关的系统默认菜单。这个属性可以让你禁用系统默认菜单。

语法：

-webkit-touch-callout：behavior

默认值：inherit

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

取值：

none：系统默认菜单被禁用

inherit：系统默认菜单不被禁用

* CSS3新增属性可能存在描述错误及变更，仅供参考，持续更新

兼容性：

iOS 2.0及更高版本的Safari浏览器可用

Android尚不明确

你可能感兴趣的:(-webkit-touch-callout)

  • web前端 ios性能问题 zhenryx 前端
    1.禁止用户拖拽标签-webkit-user-drag:none;2.禁止用户选择标签user-select:none;//-webkit-touch-callout:none;///*系统默认菜单被禁用*/-webkit-user-select:none;/*webkit浏览器*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火
  • HTML页面屏蔽长按选中功能 天蓝_d82b
    *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  • 合体积木& 程序小院 H5小游戏javascript开发语言canva可画游戏
    欢迎来到程序小院合体积木玩法：点击积木移动，将积木合并一起，移动步数越少获得⭐️⭐️越多，共52关卡，每关卡都有不同的积木摆放，快去闯关吧^^。开始游戏htmlcssbody,html{-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-user-select:none;-webkit-tap-highlight-col
  • 初始化css UmustHU
    @charset"utf-8";html{-ms-touch-action:none;}body{font-family:"MicrosoftYaHei",sans-serif;color:#515151;font-size:28px;}a{text-decoration:none;-webkit-touch-callout:none;color:#515151;}body,div,dl,dt,d
  • iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为 Lee_01 前端开发html
    iOS上h5长按识别图片二维码，图片会默认放大，禁用这一默认行为测试代码Document默认draggable="false"iPhone15微信测试结果：可以禁用iPhone15Safari测试结果：无法禁用在这里插入图片描述试试-webkit-touch-callout:none;img{-webkit-touch-callout:none;}结果：无法显示菜单。draggable="fals
  • IOS长按img无法保存图片 SailingCoder 面试题css3
    因为在公共文件中，默认屏蔽掉了-webkit-touch-callout这个属性，因此解决的办法就是将-webkit-touch-callout:none还改为-webkit-touch-callout:default就好了。img{-webkit-touch-callout:default;}
  • 移动端下拉选择框 zhanggongzi
    移动端下拉框选择*{margin:0px;padding:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-webkit-appearance:none;outline:none;word-break:break-all;box-sizing:bord
  • MUI实现h5即时通讯聊天页面样式 Serena_tz javascript前端学习开发语言
    私聊html,body{height:100%;margin:0px;padding:0px;overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;}.mui-content{height:100%;padding:44px0px50px0px;overflow:auto;background-color:#eaea
  • web前端游戏项目-开心斗地主【附源码】 温轻舟 web前端项目javascript开发语言ecmascript前端
    web前端游戏项目-开心斗地主运行效果：HTML源码：开心斗地主body{padding:0;margin:0;height:100%;background-color:#eee;font-size:12px;-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-
  • 移动端禁用长按选择功能 风来自很远的北方
    -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;此时ios手机有问题，所有的输入框自动失去焦点无发获取内容，解决方法是加以下样式：input,textarea{-webkit-
  • 移动端使用photoSwipe图片放大不能长按保存 zhym86848658 javascript
    使用photoSwiper实现图片缩放，切换，放大的图片在pc端可以右键保存，但是在移动端放大之后长按不能保存，解决方案：1.options中添加isClickableElement属性，varoptions={isClickableElement:function(el){returntrue;},}2..pswp__img的-webkit-touch-callout属性设置为none,需要把-
  • vue分页加载数据 zhanggongzi
    转自轻轻简记，http://www.qingqingjianji.com/article.html?aid=54vue分页加载数据*{margin:0px;padding:0px;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-webkit-appearan
  • html 手机端点击样式消除,细节css消除移动端默认样式 weixin_39677538 html手机端点击样式消除
    1.避免长按网页出现选中样式:-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;2.避免点击div出现阴影-webkit-tap-highlight-color:rgba(0,0
  • 移动端兼容性，RESTful接口介绍 西瓜味白桃汽水 笔记学习
    这里写目录标题获取机型uni.getSystemInfo上下拉动滚动条时卡顿、慢overflow-scrolling:touch;长时间按住页面出现闪退-webkit-touch-callout:none;iphone及ipad下输入框默认内阴影-webkit-appearance:none;1px像素使用伪类元素模拟边框，使用transform缩放click的300ms延迟问题fastclick
  • 每日小记-移动端禁止长按弹出菜单及选中文字 kangaroo_v
    [每日小记-移动端禁止长按弹出菜单及选中文字]禁用长按选择文字功能body{user-select:none;-webkit-touch-callout:none;/*iOSSafari*/-webkit-user-select:none;}
  • 移动端和pc端，禁止页面被复制和选中 问相逢何必曾相识 sql
    移动端和pc端，禁止页面被复制和选中通过设置css样式*{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
  • CSS样式 心灵最深处
    1、禁止选中文本body{-webkit-touch-callout:none;/*iOSSafari*/-webkit-user-select:none;/*Chrome/Safari/Opera*/-khtml-user-select:none;/*Konqueror*/-moz-user-select:none;/*Firefox*/-ms-user-select:none;/*Intern
  • 移动端判断是否为ios&网页适配ios安全区 老白干 ios
    1.-webkit-touch-callout属性用法极少，可参考-webkit-touch-callout-CSS：层叠样式表|MDN@supports(-webkit-touch-callout:none){/*iOSstyles*/height:calc(100vh-56px-16px)!important;}2.iphone安全区适配方案可参考：网页适配iPhoneX，就是这么简单_TAN
  • 常见的移动端兼容问题和解决方案 zayyo cocoamacosobjective-c
    移动端兼容问题1、禁止iOS识别长串数字为电话解决方案：2、禁止iOS弹出各种操作窗口解决方案：-webkit-touch-callout:none3、禁止Android手机识别邮箱解决方案：4、禁止iOS和Android用户选中文字解决方案：-webkit-user-select:none5、iOS下取消input在输入的时候英文首字母的默认大写解决方案：6、Android下取消输入语音按钮解决
  • 移动端禁止长按复制 不靠谱的作曲家 css禁止复制
    *{-webkit-touch-callout:none;/系统默认菜单被禁用/-webkit-user-select:none;/webkit浏览器/-moz-user-select:none;/火狐/-ms-user-select:none;/IE10/user-select:none;}
  • 移动端input 无法获取焦点的问题 我是小笨蛋_b1ff
    移动端的input都不能输入了，后来发现是－webkit－user-select：none;在移动端开发中，我们有时有针对性的写一些特殊的重置，比如：＊{-webkit-touch-callout:none;//-webkit-touch-callout:none;阻止长按图片之后呼出菜单提示复制的行为//禁用Webkit内核浏览器的文字大小调整功能。-webkit-text-size-adjus
  • js 实现 复制 功能 星星~笑笑 jsh5jsjq复制文本兼容iosAndroidH5
    注册*{-webkit-touch-callout:all;-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-sel
  • 移动端H5取消点击时阴影 czboy
    -webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;
  • 前端css js 不允许页面选择复制选择的两种方法 雪河冰兰
    有关不允许页面选择复制的几种方法1JS方法以下方法我发现把左键选择右键都控制了，刚一点击，就执行这个函数了$(document.body).bind("selectstart",function(){returnfalse;});2css方法http://www.divcss5.com/rumen/r17062.shtml.noselect{-webkit-touch-callout:none;/
  • 禁止IOS 默认的长按复制-H5 Franklin_7353
    转载自https://www.cnblogs.com/sz-xioabai/p/9765471.html场景：H5长按事件，需要禁止IOS默认的长按复制。注意：增加之后需要对input的另外设置，不然输入框无法输入ios机默认存在长按复制选择，用以下代码取消：*{-webkit-touch-callout:none;/*系统默认菜单被禁用*/-webkit-user-select:none;/*w
  • vue实现页面内容禁止选中功能,仅输入框和文本域可选 懿小诺
    css控制*{-webkit-touch-callout:none;/*系统默认菜单被禁用*/-webkit-user-select:none;/*webkit浏览器*/-khtml-user-select:none;/*早期浏览器*/-moz-user-select:none;/*火狐*/-ms-user-select:none;/*IE10*/user-select:none;}input{-
  • 2018-04-08 银角大王__
    禁止被选中-webkit-user-select:none;设置点击链接的时候出现的高亮颜色-webkit-tap-highlight-color:transparent;禁止长按链接与图片弹出菜单-webkit-touch-callout:none;匹配同类中的第2个同级兄弟元素：CSS3:nth-of-type(1)Selector设置除了元素的所有元素的属性：:not(p)
  • 解决ios长按图片出现阴影问题 _Struggle_
    *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:transparent;outline:none;}*:not(input,textarea){-webkit-touch-callout:none;-webkit-user-sel
  • 移动端div点击有阴影效果 D1ngy
    可能会使用户不能使用长按复制，不建议全局使用。div,a,img{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;}-webkit-tap-highlight-color：当用户轻按一个链接或者JavaScript可点击元素时给元
  • js 长按 吃冬瓜的小学生
    Title/*防止长按选中文字*/.testDiv{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}长按hahahhahhahahahahhahhahahhavarvCons
  • mondb入手 木zi_鸣 mongodb
    windows 启动mongodb  编写bat文件， mongod --dbpath D:\software\MongoDBDATA mongod --help  查询各种配置 配置在mongob 打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 启动配置文件配置， 数据更灵活 
  • 大型高并发高负载网站的系统架构 bijian1013 高并发负载均衡
            扩展Web应用程序 一.概念         简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种：         1.
  • DISPLAY变量和xhost(原创) czmmiao display
    DISPLAY 在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
  • 获取B/S客户端IP 周凡杨 java编程jspWeb浏览器
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为：    String ip = InetAddress.getLocalHost().getHostAddress(); 然而对于WEB
  • 浅谈类和对象 朱辉辉33 编程
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 占用存储空间。     类是由属性和方法构成的，基本格式是public  class 类名{ //定义属性 private/public 数据类型 属性名； //定义方法 publ
  • android activity与viewpager+fragment的生命周期问题 肆无忌惮_ viewpager
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 super.onResume(); bindService(intent, conn, BIND_AUTO_CREATE);
  • base64Encode对图片进行编码 843977358 base64图片encoder
    /** * 对图片进行base64encoder编码 * * @author mrZhang * @param path * @return */ public static String encodeImage(String path) { BASE64Encoder encoder = null; byte[] b = null; I
  • Request Header简介 aigo servlet
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
  • HttpClient4.3 创建SSL协议的HttpClient对象 alleni123 httpclient爬虫ssl
    public class HttpClientUtils { public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){ SSLContext sslContext=null; try { sslContext=new SSLContextBuilder().l
  • java取反 -右移-左移-无符号右移的探讨 百合不是茶 位运算符 位移
    取反： 在二进制中第一位，1表示符数，0表示正数 byte a = -1; 原码：10000001 反码：11111110 补码：11111111 //异或: 00000000 byte b = -2; 原码：10000010 反码：11111101 补码：11111110 //异或: 00000001
  • java多线程join的作用与用法 bijian1013 java多线程
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
  • Java发送http请求(get 与post方法请求) bijian1013 javaspring
    PostRequest.java package com.bijian.study; import java.io.BufferedReader; import java.io.DataOutputStream; import java.io.IOException; import java.io.InputStreamReader; import java.net.HttpURL
  • 【Struts2二】struts.xml中package下的action配置项默认值 bit1129 struts.xml
    在第一部份，定义了struts.xml文件，如下所示：   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache.org/dtds/struts
  • 【Kafka十三】Kafka Simple Consumer bit1129 simple
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 实际情况是需要将host和port绑定到一起，   package kafka.examples.lowlevel; import kafka.api.FetchRequest; import kafka.api.FetchRequestBuilder; impo
  • nodejs学习api ronin47 nodejs api
    NodeJS基础 什么是NodeJS JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
  • java-64.寻找第N个丑数 bylijinnan java
    public class UglyNumber { /** * 64.查找第N个丑数 具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url] * 题目：我们把只包含因子 2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
  • 二维数组（矩阵）对角线输出 bylijinnan 二维数组
    /** 二维数组 对角线输出 两个方向 例如对于数组： { 1, 2, 3, 4 }, { 5, 6, 7, 8 }, { 9, 10, 11, 12 }, { 13, 14, 15, 16 }, slash方向输出： 1 5 2 9 6 3 13 10 7 4 14 11 8 15 12 16 backslash输出： 4 3
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新) comsci 工作流
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理    大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
  • redis常见使用 cuityang redis常见使用
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 引入jar包 jedis-2.1.0.jar  (本文下方提供下载) package redistest; import redis.clients.jedis.Jedis; public class Listtest
  • 配置多个redis dalan_123 redis
    配置多个redis客户端 <?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
  • attrib命令 dcj3sjt126com attr
      attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.    只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.    存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件. 
  • Yii使用公共函数 dcj3sjt126com yii
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用，成为公用的函数集合。 function.php如下：   <?php /**   * This is the shortcut to D
  • linux 系统资源的查看（free、uname、uptime、netstat） eksliang netstatlinux unamelinux uptimelinux free
    linux 系统资源的查看 转载请出自出处：http://eksliang.iteye.com/blog/2167081   http://eksliang.iteye.com 一、free查看内存的使用情况 语法如下：   free [-b][-k][-m][-g] [-t] 参数含义 -b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
  • JAVA的位操作符 greemranqq 位运算JAVA位移<<>>>
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。   1.按位操作符 ：    按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。    与（&）运算：    1&1 = 1, 1&0 = 0, 0&0 &
  • Web前段学习网站 ihuning Web
      Web前段学习网站 菜鸟学习：http://www.w3cschool.cc/   JQuery中文网：http://www.jquerycn.cn/   内存溢出：http://outofmemory.cn/#csdn.blog   http://www.icoolxue.com/   http://www.jikexue
  • 强强联合：FluxBB 作者加盟 Flarum justjavac r
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
  • java统计在线人数（session存储信息的） macroli javaWeb
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！   由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 public class Ses
  • bootstrp carousel初体验 快速构建图片播放 qiaolevip 每天进步一点点学习永无止境bootstrap纵观千象
    img{ border: 1px solid white; box-shadow: 2px 2px 12px #333; _width: expression(this.width > 600 ? "600px" : this.width + "px"); _height: expression(this.width &
  • SparkSQL读取HBase数据，通过自定义外部数据源 superlxw1234 sparksparksqlsparksql读取hbasesparksql外部数据源
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源     前面文章介绍了SparSQL通过Hive操作HBase表。   SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
  • Spring Boot 1.3.0.M1发布 wiselyman spring boot
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下：   1.提供一个新的sprin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他