webkit的几个属性

-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不要定义成可继承的或全局的

-webkit-user-select

1、 none：用none,子元素所有的文字都不能选择，包括input输入框中的文字也不能选择。
2、 -webkit-all：子元素所有的文字都可以被选择，但是input输入框中的文字不可以被选择。
3、 -webkit-none：子元素所有的文字都不能选择，但是input输入框中的文字除外。

-webkit-touch-callout

有时我们可能需要禁止用户在新窗口打开页面，我们可以使用a标签的target="_self"来指定用户在新窗口打开，或者target属性保持空，但是你会发现iOS的用户在这个链接的上方长按3秒钟后，iOS会弹出一个列表按钮，用户通过这些按钮仍然可以在新窗口打开页面，这样的话，开发者指定的 target属性就失效了，但是可以通过指定当前元素的-webkit-touch-callout样式属性为none来禁止iOS弹出这些按钮。这个技巧仅适用iOS对于Android平台

-webkit-tap-highlight-color

这个属性只用于iOS(iPhone和iPad)。
当你点击一个链接或者通过js定义的可点击元素的时候，就会出现一个半透明的灰色背景。
当然如果想要禁用高亮，设置颜色的alpha值为0。-webkit-tap-highlight-color:rgba(255,0,0,0.5);

-webkit-appearance

在写样式的时候，iphone会有一些默认样式，比如背景竟然是比较灰，并不黑。
使用-webkit-appearance:none可去除系统默认的样式

转载于:https://www.cnblogs.com/xl900912/p/4335105.html

webkit的几个属性相关推荐

使用CSS3的appearance属性改变元素的外观
前段时间在<修复iPhone上submit按钮bug>中介绍了使用"-webkit-appearance: none; "来改变按钮在iPhone下的默认风格,其实我们 ...
让那些为Webkit优化的网站也能适配IE10（转载）
转载地址:http://www.w3cplus.com/css3/adapting-your-webkit-optimized-site-for-internet-explorer-10.html 特 ...
CSS3那些不为人知的高级属性
尽管现代浏览器已经支持了众多的CSS3属性,但是大部分设计师和开发人员貌似依然在关注于一些很"主流"的属性,如border-radius.box-shadow或者transform ...
前端常用属性知识点--文档
清除浮动带来的影响--.clearfix .clearfix{ *zoom:1; } .clearfix::after{content: "";display: block;cle ...
理解WebKit和Chromium: WebKit的CSS实现
转载请注明原文地址:http://blog.csdn.net/milado_nju/article/details/7685517 # CSS在WebKit和Chromium中的实现 ## 概述前面 ...
html5 draggable支持,html5 的draggable属性使用转载收藏
在HTML5中,已经支持在浏览器与其他应用程序之间的数据互相拖动,同时也大大简化了有关于拖放方面的代码. 实现拖放的步骤在HTML5中要想实现拖放操作,至少要经过两个步骤: 将想要拖放的对象元素的d ...
css魔幻属性跟进篇
白话:即上一篇我脑中飘来飘去的css魔幻属性自己的文章推出之后,这是自己写的第四篇CSS相关的文章,文章绝大部分是自己工作总结得来,另一部分是平日sf回答的与面试中向面试官交流学到的,都是一些比较基础 ...
WebKit最新特性srcset简介(转)
WebKit内核最新新增了对srcset属性的支持(参考:https://www.webkit.org/blog/2910/improved-support-for-high-resolution-d ...
转：【CSS/JS学习】如何实现单行／多行文本溢出的省略（...）--老司机绕过坑道的正确姿势...
本文来源:http://www.cnblogs.com/penghuwan/p/6682303.html 引言: 写前端UI的朋友们也许都遇到过这样的问题:我们需要实现这样一个需求,在一个父级元素中隐 ...

webkit的几个属性

webkit的几个属性相关推荐

最新文章

热门文章