[Resolved] Border Radius issue on Safari

Home Forums Support [Resolved] Border Radius issue on Safari

Home Forums Support Border Radius issue on Safari

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2115206
    Narender

    Hey Folks!
    I need a small help. On my website https://www.apssb.in I use a Search Form in Footer Widgets Section with the following CSS to make it look round:

    .widget .search-field {
        border-radius: 15px 0 0 15px;
    }
    
    .widget .search-submit {
        border-radius: 0 15px 15px 0;
    }

    It works flawlessly in Firefox, Edge, and Chrome but looks off in Safari.

    apssb.in chrome firefox edge

    ^ Working fine in Edge, Chrome, and Firefox.

    apssb.in safari ios

    ^ Doesn’t work as expected in Safari

    #2115575
    David
    Staff
    Customer Support

    Hi there,

    what you’re seeing there is a browser style that needs disabling. Try adding this to remove it:

    input[type="search"] {
        -webkit-appearance: none;
    }
    #2115766
    Narender

    Thank you very much, David. It was easy 🙂

    #2115840
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.