Android iPhone提交按钮未显示正确的CSS装饰

我有一个移动web应用程序，它有一个按钮栏，使用方形、扁平的按钮和扁平、圆形的端盖。有些按钮是链接，有些是提交按钮，它们的设计看起来一模一样。android设备上的一切看起来都很完美，但iPhone（iOS7）上的一些CSS似乎被忽略了，看起来是带圆角的3D。我使用以下类设计了按钮：

.submit_button_green input {
height: 26px;
width: 61px;
border: 0px solid;
font-size 14px;
color: #FFF;
background-color: #00CC33;
font-weight: bold;
margin-top:-4;
text-shadow: 0px 2px 2px #333;
}

---

可能的打字错误。

font size

font-size: 14px;

---

检查

iOS样式形成的项目是否有很大不同，您可以通过添加

-webkit外观来修复大部分问题：无到它。
像这样的东西应该可以解决这个问题：

.submit_button_green input {
  -webkit-appearance: none; /* initial fix */
  height: 26px;
  width: 61px;
  border: 0;
  font-size: 14px; /* you have a error here */
  color: #FFF;
  background-color: #00CC33;
  font-weight: bold;
  margin-top: -4px; /* and here, -4 what? px? */
  text-shadow: 0px 2px 2px #333;
  border-radius: 0; /* remove rounded corners */
}

如果复制并粘贴css，则在
font size
之后缺少冒号。。。