博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iOS下移除按钮原生样式
阅读量:5251 次
发布时间:2019-06-14

本文共 555 字,大约阅读时间需要 1 分钟。

 

按钮样式,在 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;}

 

转载于:https://www.cnblogs.com/aure/p/4760090.html

你可能感兴趣的文章
设计模式课程 设计模式精讲 2-2 UML类图讲解
查看>>
Silverlight 的菜单控件。(不是 Toolkit的)
查看>>
jquery的contains方法
查看>>
linux后台运行和关闭SSH运行,查看后台任务
查看>>
桥接模式-Bridge(Java实现)
查看>>
303. Range Sum Query - Immutable
查看>>
C# Dynamic通用反序列化Json类型并遍历属性比较
查看>>
前台freemark获取后台的值
查看>>
Leetcode: Unique Binary Search Trees II
查看>>
C++ FFLIB 之FFDB: 使用 Mysql&Sqlite 实现CRUD
查看>>
Spring-hibernate整合
查看>>
c++ map
查看>>
exit和return的区别
查看>>
Django 相关
查看>>
比较安全的获取站点更目录
查看>>
Python(软件目录结构规范)
查看>>
Windows多线程入门のCreateThread与_beginthreadex本质区别(转)
查看>>
redis哨兵集群、docker入门
查看>>
codeforces水题100道 第二十二题 Codeforces Beta Round #89 (Div. 2) A. String Task (strings)
查看>>
c++||template
查看>>