关注前端开发
关注用户体验

IOS下移除按钮原生样式 -webkit-appearance

IOS环境下的按钮都是经过美化的,但通常我们在设计web app的时候不需要这些看上去老土的样式,所以,去除这些显得很有必要。

下面这句代码就是重置这些样式的:

-webkit-appearance: none;

通常,我们在写移动端的web开发时,会zaicommon.css中添加以下CSS代码来:

input[type=button]{
	-webkit-appearance:none;
	outline:none
}

嗯,就这些,虽简单,但很实用!

未经允许不得转载:大前端 » IOS下移除按钮原生样式 -webkit-appearance
分享到:更多 ()

评论 13

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #8

    试一下

    qianrenzhang2年前 (2015-02-10)回复
  2. #7

    今天正好用上~~ 😆

    修远兮4年前 (2013-12-16)回复
  3. #6

    😛

    glen5年前 (2012-11-26)回复
  4. #5

    就是把focus时候的边框去掉吧

    fengbingji5年前 (2012-09-18)回复
    • 不是的,是IOS本身给按钮有样式,而我们不需要,去之

      浩子5年前 (2012-09-18)回复
  5. #4

    :mrgreen: 学习了 .

    graybobo5年前 (2012-09-17)回复
  6. #3

    测试一下啊

    test5年前 (2012-09-17)回复
  7. #2

    我坐沙发! 😀

    蓝天5年前 (2012-09-15)回复
  8. #1

    给个demo嘛

    大猫5年前 (2012-09-15)回复

themebetter 国内更好的WordPress主题服务商

立即前往