input要素がiPhoneなどのiOsデバイスで勝手に角丸になっちゃうのを防ぐスタイルシート


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , | 閲覧数:7,962 | Leave a comment

勝手に角丸になる

 

折角スタイルシートで設定していても、

iOsデバイスで見ると勝手に角丸になってしまうのでなんとかしたいということで検索してみた。

スタイルシートを追加

ねこもりやの場合は、角丸ゼロにしたいので、以下の様にスタイルシートに追加しました。

角丸の角度を調整したい時は

などと、すればいいかも。

スタイルシート設定後

参考サイト

【iPhone】【Safari】【css】ボタンの角丸などの消し方 – zhuweichenの日記
[CSS]iPhoneでsubmitボタンのテキストがずれた時の対応方法 | コリス

スマートフォンサイトにてフォームボタンのコーディング時に覚えておきたいCSSプロパティ | バシャログ。

後記

iOs以外のandroidとかでは、どうなるのか実機がないので未確認ですが、iOsでは、ChromeでもSafariでも勝手に角丸になっていました。

沢山の有意義なサイト様のおかげで助かりました♪
ありがとうございますヾ(@~▽~@)ノ

 

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , | 閲覧数:7,962 | Leave a comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

Leave a Reply

Required fields are marked *


CAPTCHA