border-radius と border を一緒に設定すると問題が発生する_html/css_WEB-ITnose

モバイル ページを作成し、 border: 1px crashed #e2e2e2;border-radius:20px; と書きました。一部の携帯電話では、丸い角が領域全体ではなく境界線に適用されることがわかりました。 border:1px 破線 #e2e2e2 を削除すると、丸い角が正常に機能します。これを解決するにはどうすればよいでしょうか?

ディスカッションへの返信（解決策）

アドバイスをお願いします。 。 。

理由を知っている人はいますか?

背景色と境界線が同じ div にない可能性があります。背景がその div にある場合は、その div に border-radius を追加する必要があります
オンライン デモをご覧ください。

背景色と境界線が同じ div 上にない可能性があります。背景がその div 上にある場合は、その div に border-radius を追加する必要があります
オンライン デモをご覧ください。

私の背景は同じ div にあります。実際、多くのブラウザでは正常ですが、一部の携帯電話では問題が発生します。 。 。ご回答ありがとうございます。