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;
  }

我猜背景颜色：按钮;无论是什么，都应用于它。我怎么阻止它？我只想要自己的纯色。

任何帮助都会很棒

Answer 1

尝试在您的风格上添加-webkit-appearance: none;。

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

Answer 2

或者在特定元素上尝试这个css：

background-color: transparent;

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

2 个答案: