input type=button按钮样式在ios系统下的渲染效果和android效果不一样

原创于 2017-12-08 16:27:07 发布 · 6.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#input typebutton按钮样式

js 专栏收录该内容

60 篇文章

订阅专栏

本文介绍了一种解决iOS和Android系统下HTML按钮渲染不一致的问题。通过在样式中加入-webkit-appearance:none属性，实现了两个平台按钮显示效果的一致性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

input type=button按钮样式在ios系统下的渲染效果和android效果不一样

1、html如下：

       <input type='button' id="paScreentime2" class="selectFileDiv paScreentime" value='8s'>
       <input type='button' id="paScreentime2" class="selectFileDiv paScreentime" value='18s'>
       <input type='button' id="paScreentime2" class="selectFileDiv paScreentime" value='58s'>

2、在android机下按钮显示的效果如下：