css - Compensate for Safari's Border Radius Drawing -


observe below simple example:

div {    border-bottom: 1px solid black;    border-radius: 20%;    padding: 10px;  }
<div>test</div>

in safari, causes part of upper borders drawn: safari's drawing of border radius

i don't want "ghosted" upper borders. how compensate this?

you need remove rounded border on top side of div so:

div {     border-bottom: 1px solid black;     border-radius: 0 0 20% 20%;     padding: 10px; } 

this using border-radius shorthand 4 values where

first value applies top-left, second value applies top-right, third value applies bottom-right, , fourth value applies bottom-left corner"

https://www.w3schools.com/cssref/css3_pr_border-radius.asp


Comments

Popular posts from this blog

resizing Telegram inline keyboard -

command line - How can a Python program background itself? -

php - "cURL error 28: Resolving timed out" on Wordpress on Azure App Service on Linux -