iOSでのsubmit, buttonのデザインをリセットするCSS - Qiita
iPhoneなどでinput要素のボタンにCSSが効かない時の対処方法です。 まず以下のCSSでスタイルをリセットしてから装飾すると反映されます。 参考画像こちら /* iOSでのデフォルトスタイルをリセット */ input[type="submit"], input[type="button"] { border-radius: 0; -webkit-box-sizing: content-box; -webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer; } input[type="submit"]::-webkit-search-decoration, input[type="button"]::-webkit-search-decor
CSSのflexboxを使い、要素の並び順を変更してみる | css | Horic Design
こんにちは。突然ですが、flexboxってご存知ですか？その名の通り、幅を変幻自在に調整できるとてもフレキシブルなボックスで、cssのdisplayのプロパティの１つです。 しかし、flexboxは幅だけではなく、並び順も変えれたりするんですよ。 今回はその並び順に着目したデモを作ってみました。 display:flexに指定された、子要素にorderのプロパティを追加していくだけです。 一番目に表示したければ、order:1となります。 デモ 今回はそのflexboxの表示順を変えられる機能を利用してちょっとした、グリッドシステムを作ってみました。 グリッド幅で表示順と、画面に対する幅が変わります。 画面を縮めてみてください <div class="cs_row"> <div id="a" class="cs_col-xs-12 cs_col-sm-3 cs_col-sm-order-1
マンガ家・やしろあずきがイチからプログラミングを学んで自分の公式サイトを作ってみた
PR 「という事でレッスン、無事に全工程が終了しました！ 先生、色々ありがとうございました」 「いやー、無事に終わったようで何よりです。最初はどうなる事かと思いましたよ。魔法陣を出してきたあたりとか」 「色々すみません……でも今回、最後のシメとして完璧なスタイリッシュ・ホームページ……略してハイパーグランドスタイリッシュページを作ることができました！」 「略せていない」 「略したのはホームページの部分です。ではさっそくまず一番こだわって作ったトップページからご覧いただきましょう！ どうぞ！」 「楽しみです」 「これがトップページです」 「ちょっと!!! 全然最初のイメージ通りじゃないですか!! 何ですかこれ……せっかく教えたHTML5やCSS3はどうしたんですか!?」 「落ち着いてください。ここ数日、先生に受けたレッスンは無駄にはなっていません！ 所々にちゃんと色々スタイリッシュな機能が追
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
applian.jp