如何停止背景颜色:按钮; 在提交按钮？

Question

我有一个提交按钮,我在Safari,Chrome,Firefox和IE上设置了样式并且看起来正确,但是当我在iPad上查看该网站时,此输入按钮有一个轻微的渐变穿过它并且有圆角!

当我点击它并检查它并查看一些默认样式(我没有应用它,我看到)时,我不知道为什么会这样做

input[type="button" i], input[type="submit" i], input[type="reset" i],         input[type="file" i]::-webkit-file-upload-button, button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
  }

我猜背景颜色:buttonface; 无论是什么,都应用于它.我怎么阻止它？我只想要自己的纯色.

任何帮助都会很棒

Answer 1

尝试添加-webkit-appearance: none;你的风格.

浏览器在表单元素中应用默认样式.您可以使用上面的代码将其删除.

Answer 2

或在特定元素上尝试以下CSS：

background-color: transparent;