css - 「webkit-appearance：checkbox」がiOSで正しく機能しない

Question

属性を使用してラジオボタンのスタイルを設定し、チェックボックスのように見せます。クローム、Firefox、ウィンドウのサファリで正常に動作します。ただし、iOSのSafariでWebページを開いたときに問題が発生します。問題は、それがまだチェックボックスとして表示されることですが、ラジオボタンのような形をしています。つまり、クリックしても目盛りが表示されますが、目盛りを囲むのは正方形ではなく円です。

では、この問題を解決するにはどうすればよいですか？何か案が？

Answer 1

の下-webkit-appearance: checkbox;に -webkit-border-radius: 5px;(または、必要な種類のコーナーに必要な他のサイズ) を配置します。