プラグインの仕様なのではない感じですか？？？

https://wp-cocoon.com/read-me-for-using-fourm/#comment-4244

上記リンク先でも同じような表示ですか？

同じような表示ではない（プラグインの仕様だった）場合はプラグインを停止してご確認いただけますか。

*********

• プラグインが原因ではない場合
• 子テーマCSSに追記してテストしていただけますか。

https://www.out48.com/archives/1097/

MacのSafariとChrome環境がわからないですけど、

input[type=submit] {
	border-style: outset;
}

これを追加してもダメですか？？？

上記リンク先でも同じような表示ですか？

はい、同じです。プラグインの問題ではありません。

子テーマCSSに追記した場合、Safariは変化なし、Chromeは太くなったけれど背景色なし、Firefoxは背景のグラデーションがなくなりました。

添付画像は上から、Safari、Chrome、Firefox、追記前のFirefoxです。

なるほどです。

WindowsのChromeにあるユーザーエージェントのスタイルシートにあったので、リンク先を参考にしてみました。

実機の検証画面でどうなっているかをチェックして、他に影響しないスタイルを見つけないと分からないかも？です。

チェックいただきありがとうございました。追記したスタイルは削除してくださいね❦

にしてもSafariは狭すぎて、スマホビューの場合はタップしにくいですね＾＾；

border-style: outset;

こちらを

border-style:none;

にしてみると、Safariでも太くなりました。ただし、Chromeでは背景色がないのでボタンの輪郭がわからなくなってしまいました。

ボーダーの設定を以下のようにすると、どうでしょうか？

border: 1px solid #ddd;

そういえば、iPhoneのSafariの場合、appearanceを設定しないとCSSが効かないことを思い出しました！

input[type=submit] {
	-webkit-appearance: none;
	border: 1px solid #ddd;
}

これでMac、iPhoneとも太く表示できるようになりました。

上から、MacのSafari、Chrome、Firefox、iPhoneのSafariで、右下はCSSなしの場合のiPhoneです。

GitHubの最新版で、コードを参考にさせていただいて修正してみました。

------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

どのブラウザでも、ほぼ同じ形、枠線、背景色になったことを確認しました。

早急なご対応ありがとうございました。今後ともどうぞよろしくお願いいたします。

ご確認いただき、ありがとうございます！