(一)-webkit-tap-highlight-color
这个属性只用于iOS (iPhone和iPad)。当你点击一个链接或者通过Javascript定义的可点击元素的时候,它就会出现一个半透明的灰色背景。要重设这个表现,你可以设置-webkit-tap-highlight-color为任何颜色。
想要禁用这个高亮,设置颜色的alpha值为0即可。
示例:设置高亮色为50%透明的红色:
-webkit-tap-highlight-color: rgba(255,0,0,0.5);

浏览器支持: 只有iOS(iPhone和iPad).
(二)css3中-webkit-text-size-adjust详解:

1、当样式表里font-size<12px时,中文版chrome浏览器里字体显示仍为12px,这时可以用 html{-webkit-text-size-adjust:none;}

2、-webkit-text-size-adjust放在body上会导致页面缩放失效

3、body会继承定义在html的样式

4、用-webkit-text-size-adjust不要定义成可继承的或全局的

(三)outline:none(1)在pc端为a标签定义这个样式的目的是为了取消ie浏览器下点击a标签时出现的虚线。ie7及以下浏览器还不识别此属性,需要在a标签上添加hidefocus="true"(2)input,textarea{outline:none} 取消chrome下默认的文本框聚焦样式(3)在移动端是不起作用的,想要去除文本框的默认样式可以使用-webkit-appearance,聚焦时候默认样式的取消是-webkit-tap-highlight-color。看到一些移动端reset文件加了此属性,其实是多余。

(四)webkit-appearance -webkit-appearance: none; //消除输入框和按钮的原生外观,在iOS上加上这个属性才能给按钮和输入框自定义样式 。 注意:不同type的input使用这个属性之后表现不一。text、button无样式,radio、checkbox直接消失
(五).-webkit-user-select -webkit-user-select: none; // 禁止页面文字选择 ,此属性不继承,一般加在body上规定整个body的文字都不会自动调整
(六)-webkit-touch-callout -webkit-touch-callout:none; // 禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加


http://www.taodudu.cc/news/show-4022021.html

相关文章:

  • WebKit架构
  • QT5.14.2使用webkit引擎完成网页浏览
  • WebKit的默认样式
  • WebKit
  • Chromium内核和Webkit的关系到底是什么?
  • WebKit介绍及总结(一)
  • WebKit是什么
  • 转载: WebKit介绍及总结(一)
  • Webkit内核探究【1】——Webkit简介
  • apache 启动失败 查看日志
  • 黑群晖Apache Http Server 启动失败错误
  • phpStudy2018中Apache启动失败
  • Linux xampp apache启动失败解决办法
  • 阿里云宝塔apache启动失败解决办法
  • apache linux启动失败,apache2 启动失败,出现下列错误,请问怎么解决,谢谢
  • 未能启动apache服务器,教你apache服务无法启动一直失败怎么办
  • 关于XAMPP Apache 启动失败的问题
  • 1、Apache启动失败,请检查相关配置。2、MySQL5.1启动失败,请检查相关配置。
  • apache启动服务失败
  • 1 Apache启动失败,请检查相关配置 √MySQL5 1已启动 解决方案
  • APMServ中Apache启动失败解决方法大全
  • Apache启动失败,请检查相关配置。√MySQL5.1已启动。
  • 解决phpstudy的Apache启动失败
  • MAMP(win) Apache启动失败__句柄无效。 : master_main: create child process failed. Exiting.
  • apache启动失败原因
  • linux中apache无法启动,Apache无法启动
  • WIN10下Apache启动失败
  • apache 启动失败错误排查
  • php工具apache启动失败,phpstudy中apache启动失败的原因是什么?
  • apache启动失败后怎么解决?

关于-webkit-的一些用法相关推荐

  1. 之前总结的今天给大分享一下iOS

    1 退回输入键盘 2 苹果 ios 开发一年的工作笔记 3 - (BOOL) textFieldShouldReturn:(id)textField{ [textField resignFirstRe ...

  2. iPhone开发中的技巧整理(四)

    iphone开发笔记 退回输入键盘 - (BOOL) textFieldShouldReturn:(id)textField{ [textField  resignFirstResponder]; } ...

  3. iOS必备小技巧(非常的全)

    IOS必备小技巧 退回输入键盘   - (BOOL)textFieldShouldReturn:(id)textField{     [textField resignFirstResponder]; ...

  4. iphone 开发杂文

    退回输入键盘   - (BOOL)textFieldShouldReturn:(id)textField{     [textField resignFirstResponder]; }   CGRe ...

  5. modernizr的使用

    测试浏览器有木有css和html的新特性,例如测试cssgradients特性,在html根目录加入 类似如下的类 <html class="cssgradients"> ...

  6. iphone小小总结

    iphone开发笔记 退回输入键盘 - (BOOL) textFieldShouldReturn:(id)textField{ [textField  resignFirstResponder]; } ...

  7. iphone 开发笔记

    iphone 开发笔记 退回输入键盘   - (BOOL)textFieldShouldReturn:(id)textField{     [textField resignFirstResponde ...

  8. 苹果ios开发一年的工作笔记

    苹果ios开发一年的工作笔记 退回输入键盘 - (BOOL) textFieldShouldReturn:(id)textField{ [textField resignFirstResponder] ...

  9. HTML/HTML5/CSS/CSS3教程速查手册地址以及如何快速直到webkit的用法

    http://www.w3school.com.cn/ http://www.runoob.com/ 不过上面这两个都是标准的CSS和CSS3教程,针对一些类似-webkit-内核的样式没有公布. 下 ...

  10. android网络技术-WebView的用法

    有时候我们可能会碰到一些比较特殊的需要,比如需要在应用程序里展示一些网页,加载和显示网页通畅都是浏览器的任务,但是需求里又明确指出,不允许打开系统浏览器,这个时候我们就要使用到WebView控件. 下 ...

最新文章

  1. php无法将值传入数据库,PHP-无法将句子插入数据库
  2. Java多线程精讲(非高并发-授课专用)附synchronized
  3. linux添加windows网络打印机,Linux Mint如何添加windows分享的网络打印机?
  4. VS2010中的快捷键
  5. 多元线性回归模型-数学建模类-matlab详解
  6. 计算机组成原理第六版课后题答案pdf,数据库第五版课后答案pdf
  7. mw150um 驱动程序win10_mercury无线网卡驱动
  8. 《2020年度中国数据竞赛年鉴》发布!
  9. HTML页面跳转的几种方式(重定向)
  10. MatLab中多项式数据拟合(ployfit函数与polyval函数)
  11. RecyclerView吸顶效果
  12. 1080p和1080i
  13. 300秒就完成第一超算1万年的计算量,量子霸权真时代要来了吗
  14. 个人防骗大全精选(1)
  15. C语言——整数直角三角形
  16. 部分库不支持32位系统archive报错:Undefined symbols for architecture armv7
  17. cocos creator 插件开发
  18. 针对学校出现猪流感而做的一个简单的小软件(更新版)
  19. Ubuntu服务器配置mysql8
  20. scrapy中使用讯代理动态转发

热门文章

  1. TIJ阅读笔记(第十四章)[转]
  2. 2022年3月18到5月18的思考
  3. IBM 2005-B16 SAN光纤交换机学习笔记
  4. 聚石塔,云鼎,多多云-----有一种坑叫盲打
  5. 世界三大短篇小说之王 代表作介绍
  6. 计算机课拔线头检讨书,乱接电线检讨书
  7. 基于torch学汪峰写歌词、聊天机器人、图像着色/生成、看图说话、字幕生成
  8. Netty系列之Netty高性能之道
  9. Python制作经典坦克大战小游戏
  10. rgb转换 css 字体