摘要：有这么一个webkit的私有属性： -webkit-appearance:none;/*去除input默认样式*/添加该样式，并且值为'none'时即可取消浏览器对于控件的默认样式。另外这个属性也有个神奇的地方~ 他可以用来调用显示浏览器对各种控件的默认样式，比如：<span style="-webkit-appearance:button;"> 我是span啊亲!!</span>那么他所显示的效果是： 哈 觉得挺有趣的~ 另外这个属性可以用来去除Iphone上面那个恶心的超大圆角的按钮默认样式，从而使自己编辑的按钮样式显示正常。下面 阅读全文

摘要：设置IPhone Safari浏览器全屏浏览网页界面.第一种方法：添加viewport meta标签，使界面全屏显示。 <!--iphone设备中的safari私有meta标签，它表示：允许全屏模式浏览--> <meta name="apple-mobile-web-app-capable" content="yes" /> 但是这种方法个人在i4s上面测试，如果是直接打开safari浏览网页是木有任何效果的... 需要通过将网页添加到主屏幕中成为一个快捷方式，通过快捷方式进入才会有全屏的效果。 有种方法可以判断用户是从浏览器直接 阅读全文

摘要：关于去除web手机端点击按钮等元素的高光选中效果，一种是调用事件前先调用event.preventDefault()事件，这个时间会取消手机端浏览器的所有默认操作，包括效果滑动等。在调用时最好加上判断是否为移动端的判断。另一种方法是添加样式： -webkit-tap-highlight-color: rgba(0, 0, 0, 0);以上两种方法并不是所有手机都万全兼容，有部分不支持，针对版本较高的手机似乎都挺支持。 阅读全文

摘要：在这里开始记录前端的学习记录~ 以及一些个人经验想法神马的~好好奋斗啦哈哈~ok,go to the point.最近遇到要修改复选框样式的问题，但是系统默认是无法更改到样式的，所以就坑爹了..网上搜到有许多解决方法，其中大部分都是模拟checkbox以实现自己想要的效果从各种解决方法中选了一个自己觉得最妥当的解决方法，下面是我最终采用的方法： 设置复选框为完全透明，修改label样式代替复选框。之所以选择这种方法，主要还是因为label可以关联上复选框，同时可以调出所需要的样式效果并显示出来。话不多说post代码+效果~ 1 CSS代码： 2 /*CheckBox样式*/ 3 .c... 阅读全文