移动端特殊css样式
2024-08-25 15:10:18
一般会用normalize.css或者reset.css重置样式
移动端特殊css样式
去除ios 按钮按下的默认高亮效果
-webkit-tap-highlight-color : none;ios 触摸并按住触摸目标时候,禁止或显示系统默认菜单
-webkit-touch-callout: none;文本不能被选择; 但是input textarea在ios不能被聚焦,属性要设置成text
user-select: none;
input{
user-select: text;
}去除系统默认appearance的样式,常用于IOS下移除原生样式
-webkit-appearance: none;input placeholder样式
::-webkit-input-placeholder {
color: #ccc;
}
兼容性
打包的时候使用插件autoprefixer,会自动加上-webkit等前缀。
最新文章
- CSharpGL(27)讲讲清楚OpenGL坐标变换
- Android--sharepreference总结
- Z.XML第二次迭代分数分配
- Java——Socket编程(一)
- js优化提升访问速度
- nginx+php与apache+php性能对比
- 【转】VMware 11安装Mac OS X 10.10
- HTTP协议分析及攻防方法
- Qt学习之路(54): 自定义拖放数据对象
- Xamarin 小试牛刀 通知栏消息通知和按钮(基于Java代码人肉转换)
- 基于TypeScript的FineUIMvc组件式开发(概述)
- HAUTOJ 1283 YK的书架
- 解决ssh连接慢,挂起在SSH2_MSG_SERVICE_ACCEPT信息之后很久的问题
- day02作业
- Java基础_0309:this关键字
- NAP(Network Access Protection)
- VMware Workstation 11 搭建windows server 2012 之sql server 2012集群常见问题整理
- 最新广商小助手 项目进展 OpenGL ES 3D在我项目中引用 代码太多只好选重要部分出来
- spring mvc 校验@NULL
- Phalcon框架之———— 2.0升级到3.0 问题Model验证问题解决