移动端去除点击背影的css样式

-webkit-tap-highlight-color

这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候，它就会出现一个半透明的灰色背景。要重设这个表现，你可以设置-webkit-tap-highlight-color为任何颜色。

想要禁用这个高亮，设置颜色的alpha值为0即可。

-webkit-tap-highlight-color: rgba(255,255,255,0);

　　

http://www.cnblogs.com/libin-1/p/5903350.html

时间： 2024-10-09 15:39:31

移动端去除点击背影的css样式的相关文章

如何引入css样式文件

在做项目的时候,给某个页面写了样式,然后将样式剪切到[.css]文件里,可是引用的时候总是显示不出来所要的样式;于是查看路径是否错误或者哪里写错,检查后没有发现哪里有错误的,最后将样式文件里的开始和结束标签:<style type="text/css"></style>这两个删除后,再引用就可以了;在dreamweaver里可以这样引用:   1.直接拖动所要的[.css]文件到页面,这样它就会自动生成一个样式链接.   2.点击文本,css样式,然后附件样式表

CSS样式表（一）

在HTML中为各标签加上样式有内联.内嵌和外部样式表三种添加方式.内联的是直接在标签内添加style="样式"即可:内嵌的是直接嵌在网页内,在<head></head>内加入<style type="text/css">样式表</style>:而外部样式表为新建一个单独的样式文件(CSS),然后将外部样式表至当前样式文件中使用(在head内右键点击,选择CSS样式--附加样式表--文件内点击浏览,然后找到样式表保存的位

python大佬养成计划----CSS样式类

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通常存储在 CSS 文件中 多个样式定义可层叠为一个 HTML 标签原本被设计为用于定义文档内容.通过使用 <h1>.<p>.<table> 这样的标签,HTML 的初衷是表达"这是标题"."

移动端页面a button input去除点击效果

1 手机端页面a button input去除点击效果 添加: a, button, input { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); } 2 使用border创建小三角形 span { height: 0px; width: 0px; border-top: 5px solid #006633; border-left: 5px solid transparent; border-right: 5px solid transpar

手机浏览器去除点击出现的背景色

在移动端站点,击某个链接.按钮或者图片的时候,系统会默认加上一些灰色的背景和一些高亮的效果. 但是挑剔的客户决不允许这么丑的东西出现,要去除或者改变. 所以就用到了css的tap-highlight-color样式属性了. 这么设置:-webkit-tap-highlight-color: transparent; 问题是解决了,但是下次遇到类似的位置问题怎么处理,搜索都不知道怎么描述. 我的经验就是参考相同类型的成熟站点. 比如我遇到这个问题的时候是在做一个电子商务网站,那么打开淘宝京东苏宁等

移动端 h5开发相关内容总结——CSS篇

移动端 h5开发相关内容总结——CSS篇 标签: css移动 2016-01-06 15:59 5536人阅读 评论(3) 收藏 举报  分类: HTML+CSS(17)  版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 1.移动端开发视窗口的添加 h5端开发下面这段话是必须配置的 <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=n

移动端300ms点击延迟和点击穿透问题

一.移动端300ms点击延迟 一般情况下,如果没有经过特殊处理,移动端浏览器在派发点击事件的时候,通常会出现300ms左右的延迟.也就是说,当我们点击页面的时候移动端浏览器并不是立即作出反应,而是会等上一小会儿才会出现点击的效果.在移动WEB兴起的初期,用户对300ms的延迟感觉不明显.但是,随着用户对交互体验的要求越来越高,现今,移动端300ms的点击延迟逐渐变得明显而无法忍受. 那么,移动端300ms的点击延迟是怎么来的呢? 问题由来 这要追溯至 2007 年初.苹果公司在发布首款 iPho

Web移动端使用localStorage缓存Js和CSS文件

将js css文件缓存到localstorage区可以减少页面在加载时与HTTP请求的交互次数,从而优化页面的加载时间. 电脑端使用localstorage是测试没有问题的,但是用android的apk打包之后,导致localstorage失效,无法进行缓存,查阅资料之后,得知解决方法: 安卓代码: mWebView.getSettings().setDomStorageEnabled(true); mWebView.getSettings().setAppCacheMaxSize(1024*1

通过css样式去除&lt;table&gt;标签的外边框

可把<tr>标签的css样式的外边框设置成白色 直接贴代码 效果图 原文地址:https://www.cnblogs.com/yongshenwu/p/11783494.html