时间戳

首页 > 解决方案 > Button 在 pc 上获取 css 属性，但在移动设备上不获取

html - Button 在 pc 上获取 css 属性，但在移动设备上不获取

问题描述

我输入 type="submit" 和 css 属性（如高度，宽度，...），在 PC Safari 浏览器上它可以工作，但在 iPhone Safari 浏览器上，提交按钮没有正确的属性。

HTML 
<input type="submit" class="send" name="send" value="Send">

CSS
.send, .send:link, .send:visited{
display: inline-block;
padding: 12px 52px;
background-color: #033E8C;
border: 4px solid #033E8C;
border-radius: 0px 32px;
-webkit-transition: background-color 0.7s, -webkit-box-shadow 0.7s;
transition: background-color 0.7s, -webkit-box-shadow 0.7s;
transition: background-color 0.7s, box-shadow 0.7s;
-webkit-box-shadow: 0 0px 16px #033E8C;
box-shadow: 0 0px 16px #033E8C;
}
.send:hover, .send:active {
-webkit-box-shadow: 0 0px 0px #033E8C;
box-shadow: 0 0px 0px #033E8C;
background-color: transparent;
}

在 iPhone 上，提交按钮看起来像没有属性的默认发送按钮。只有边框有效，填充和其他无效。

标签： htmlcss

解决方案

推荐阅读