zoukankan      html  css  js  c++  java
  • iOS下移除按钮原生样式

     

    按钮样式,在 Android 手机浏览器中显示正常,但在 iOS Safari 浏览器中会看到按钮显示为圆角样式,设置 border-radius:0; 也不好使。

    这是因为iPhone、iPad 设备上的 Safari 解析 input[type=”submit”] 和 input[type=”reset”] 按钮会以苹果浏览器的默认 UI 渲染,这样就出现了我们不需要的样式。

    解决(苹果浏览器的默认 UI 渲染)的方法是在 CSS 按钮样式代码中添加一行css代码(重置按钮的样式): 

    1 -webkit-appearance:none;

    在 CSS 代码中添加  “-webkit-appearance: none;”是告诉浏览器按钮 不 按 照 苹果浏览器的默认 UI 来渲染。

    通常,在 CSS 中添加以下整合代码:

    1 input[type="text"],
    2 input[type="submit"],
    3 input[type="reset"],
    4 input[type="button"],
    5 button{outline:0;  -webkit-appearance:none;}
  • 相关阅读:
    只能输入数字的文本框
    Ajax
    Crtl+Enter提交留言
    onkeydown onkeyup键盘事件
    面向对象基础
    JS鼠标拖拽
    博客收藏
    不错的按钮
    如何在你的java程序中注册系统级热键
    开源GIS系统
  • 原文地址:https://www.cnblogs.com/aure/p/4760090.html
Copyright © 2011-2022 走看看