iPad 和 iPhone 的样式输入按钮

您可能正在寻找

-webkit-appearance: none;

Safari 关于 -webkit-appearance 的 CSS 说明

Mozilla 开发者网络的 -moz-appearance

请添加此 CSS 代码

input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

我最近自己也遇到了这个问题。

<!--Instead of using input-->
<input type="submit"/>
<!--Use button-->
<button type="submit">
<!--You can then attach your custom CSS to the button-->

希望有帮助。

使用下面的 CSS

输入[type="submit"] { 字体大小：20px;背景：粉红色；边框：无；填充：10px 20px； } .flat-btn { -webkit-外观：无； /*对于 Chrome*/ -moz-appearance: none;/*对于 Mozilla*/ 外观: none;边界半径：0； } h2 { 边距：25px 0 10px;字体大小：20px； }

iOS 风格按钮！

没有更多的风格！按钮！

我今天使用 primefaces (primeng) 和 angular 7 遇到了同样的问题。将以下内容添加到您的 style.css

p-button {
   -webkit-appearance: none !important;
}

我还使用了一些具有reboot.css的引导程序，它会覆盖它（这就是我必须添加！重要的原因）

button {
  -webkit-appearance: button;

}

-webkit 外观：无；

注意：使用 bootstrap 设置按钮样式。它常见于响应式。