$12.39

border-radius doesn't work on safari, how to fix it?

Ask a question+
5

In this example, I try to make borders rounded, but something went wrong, and it doesn’t work on safari. What to do? Here is an example.

.example{
   -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
add comment

1 Answer

2

Here is the solution. CSS appearance Property . The CSS appearance property is used to display an element using a platform-native styling based on the users’ operating system’s theme. This code is work.

.example{
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;
}
Ani Manukyan 120
add comment

Your Answer