Why is the styling of my HTML button looking different on my iPhone?

Asked Feb 08 '19 at 22:32

Active Feb 08 '19 at 22:32

Viewed 1,171 times

Would like to know why my HTML button looks so different on my IPhone, images below show it. First Image how it should look, 2nd how it looks on my iPhone.

.btn {
  background-color: #47ca6b;
  color: white;
  padding: 15px;
  margin: 10px 0;
  border: none;
  width: 100%;
  border-radius: 15px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 700;
}

.btn:hover {
  background-color: #45a049;
}

<input type="submit" value="Sign Up" class="btn">

asked Feb 08 '19 at 22:32

Toby Mardles

3

read this: https://developer.mozilla.org/en-US/docs/Web/CSS/appearance – Temani Afif Feb 08 '19 at 22:34
2

Adding '-moz-appearance: none; -webkit-appearance: none;' fixed my problem, thanks! – Toby Mardles Feb 08 '19 at 22:45
1

Possible duplicate of [Styling input buttons for iPad and iPhone](https://stackoverflow.com/questions/5449412/styling-input-buttons-for-ipad-and-iphone) – Tamás Sengel Feb 08 '19 at 23:02

Why is the styling of my HTML button looking different on my iPhone?

0 Answers0