Border-radius with percentage value not supported in Android Browsers

Viewed 5832

Is there a known issue using % values in border radius on Android browsers?

I notice that when I use:

.element {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

The border radius seems to work on all mobile browsers, but when I use:

.element {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

The border radius does not apply on Android browsers.

1 Answers
Related