移动端CSS一些小技巧
2016-03-18 00:00
190 查看
摘要: 一些常用的移动端开发初始化样式干货。
放一点自己收集的干货,一些小技巧。
body { font-family: "Helvetica Neue", Helvetica, STHeiTi, sans-serif; /*使用无衬线字体*/ } a, img { -webkit-touch-callout: none; /*禁止长按链接与图片弹出菜单*/ } html, body { -webkit-user-select: none; /*禁止选中文本*/ user-select: none; } button,input,optgroup,select,textarea { -webkit-appearance:none; /*去掉默认的表单样式*/ } a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0); /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/ } input::-webkit-input-placeholder { color:#ccc; /*修改input的planceholder样式*/ } input:focus::-webkit-input-placeholder { color:#f00; /*修改focus状态下input的planceholder样式*/ } body { -webkit-text-size-adjust: 100%!important; /*禁止IOS调整字体大小*/ } input::-webkit-input-speech-button { display: none; /*隐藏Android的语音输入按*/ }
放一点自己收集的干货,一些小技巧。
相关文章推荐
- 移动端的长按事件
- 如何实现移动端浏览器不显示 pc 端的广告
- 移动端JQ插件hammer使用详解
- jquery实现移动端点击图片查看大图特效
- jquery实现简易的移动端验证表单
- jquery移动端TAB触屏切换实现效果
- js如何判断用户是在PC端和还是移动端访问
- 手机平板等移动端适配跳转URL的js代码
- jQuery实现移动端滑块拖动选择数字效果
- 基于JavaScript实现移动端TAB触屏切换效果
- js简单判断移动端系统的方法
- 基于JavaScript实现移动端点击图片查看大图点击大图隐藏
- javascript实现移动端上的触屏拖拽功能
- php函数实现判断是否移动端访问
- javascript html5移动端轻松实现文件上传
- javascript适合移动端的日期时间拾取器
- 移动开发实用手册
- 移动端HTML5实现文件上传
- css实现移动端图片文字水平居中
- 超多案例,强解H5移动端页面设计!