Movatterモバイル変換

[0]ホーム
URL:

はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数！

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • 暮らし
  • スマートフォンサイトにてフォームボタンのコーディング時に覚えておきたいCSSプロパティ | バシャログ。
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

169usersがブックマークコメント12

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

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

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページへ

            記事へのコメント12件

            • 注目コメント
            • 新着コメント
            ozawachev
            ボタン

              その他
              torimoku
              スマホならSafari標準ボタンのデザイン変更が出来るようです！ CSS3要チェック！

              その他
              toaruR
              『webkit-appearance:none;』……地味に探すの苦労した(ノ∀`)

                その他
                ya--mada
                スマホ用のボタンをcssで見た目コントロールする

                  その他
                  ozawachev
                  ozawachevボタン

                    2011/11/01リンク

                    その他
                    cachico
                    スマートフォンサイトのフォームボタン

                    その他
                    saka39
                    「-webkit-appearanceプロパティは標準的なUIを表現するもので、noneに設定することでデフォルト設定を無効に」

                    その他
                    hiro_y
                    -webkit-appearance:none; でブラウザのデフォルト設定を無効にできる

                    その他
                    glat_design
                    ボタンデザインをCSS3のみで

                    その他
                    machiko729
                    ボタン

                      その他
                      suzuken83
                      CSS3拡張プロパティでフォーム系要素のデフォルトスタイルを無効に

                      その他
                      tomo_p
                      -webkit-appearance

                      その他
                      kkeisuke
                      -webkit-appearanceプロパティは標準的なUIを表現するもので、noneに設定することでデフォルト設定を無効にすることが出来ます。

                        その他

                        注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

                        リンクを埋め込む

                        以下のコードをコピーしてサイトに埋め込むことができます

                        プレビュー
                        アプリのスクリーンショット
                        いまの話題をアプリでチェック！
                        • バナー広告なし
                        • ミュート機能あり
                        • ダークモード搭載
                        アプリをダウンロード

                        関連記事

                          usersに達しました！

                          さんが1番目にブックマークした記事「スマートフォンサ...」が注目されています。

                          気持ちをシェアしよう

                          ツイートする

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

                          禁煙してから３ヶ月、着実に体重が増加しているishidaです。 先週土曜日にCSS Nite LP13に参加してきま...禁煙してから３ヶ月、着実に体重が増加しているishidaです。 先週土曜日にCSS Nite LP13に参加してきました。 ちょうどスマートフォンのデザインとコーディングのお仕事が進行中でしたので、とても参考になりました。現在セミナー内容を振り返り学習中です。 それとCSS Nite関連ですと、何やらCSS Nite LP14 にて弊社メンバーが登壇するとかしないとか。 スマートフォンコーディングでは、CSS3で角丸やらグラデーションが使えるので画像の使用頻度は少なくなります。ボタンまわりについてもCSSのみで実装する機会が多いです。 フォームのsubmitボタンをCSSのみで表現する際には、ちょっとクセがありましたので 解決方法をご紹介します。 検索するsubmitボタンを、以下のようなデザインをCSSのみで実装することにします。 まずは簡単に横幅と背景色・角丸をCSSで設定してみます

                          ブックマークしたユーザー

                          • fa11enprince2016/12/26fa11enprince
                          • coco_08032015/02/10coco_0803
                          • ajinorichan2014/05/27ajinorichan
                          • que_serser2014/04/22que_serser
                          • amada7172014/02/09amada717
                          • niemands2013/12/06niemands
                          • jotaki2013/09/03jotaki
                          • masakaz772013/07/04masakaz77
                          • rock5112013/06/17rock511
                          • samwest_1632013/06/11samwest_163
                          • teroma22013/06/06teroma2
                          • torimoku2013/04/19torimoku
                          • kfuse2013/02/22kfuse
                          • yoh_Suzu2013/02/10yoh_Suzu
                          • kyaraway2013/01/10kyaraway
                          • usakoster2012/12/14usakoster
                          • haru1352012/12/10haru135
                          • hosicame2012/06/05hosicame
                          すべてのユーザーの
                          詳細を表示します

                          ブックマークしたすべてのユーザー

                          同じサイトの新着

                          同じサイトの新着をもっと読む

                          いま人気の記事

                          いま人気の記事をもっと読む

                          いま人気の記事 - 暮らし

                          いま人気の記事 - 暮らしをもっと読む

                          新着記事 - 暮らし

                          新着記事 - 暮らしをもっと読む

                          同時期にブックマークされた記事

                          いま人気の記事 - 企業メディア

                          企業メディアをもっと読む

                          はてなブックマーク

                          公式Twitter

                          はてなのサービス

                          • App Storeからダウンロード
                          • Google Playで手に入れよう
                          Copyright © 2005-2025Hatena. All Rights Reserved.
                          設定を変更しましたx
                          [8]ページ先頭
                          ©2009-2025 Movatter.jp