Geek Answers Handbook

How to stop the background color: buttonface; to the submit button?

I have a submit button that I created and looks correct in Safari, Chrome, Firefox, and IE, but as soon as I browse the site on the iPad, this enter button has a slight gradient through it and has round corners!

I don’t know why this happens when I intercept it and check it and look at some default styles (which I don’t apply to it, I see)

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

Im guessing background color: buttonface; whatever it is, this is how it applies to it. How to stop it? I just want my own solid color.

Any help would be great

+4
source share
2 answers

Try adding -webkit-appearance: none;to your style.

. .

+7

css :

background-color: transparent;
+4

More articles:


All Articles