明日学习団11日制作チャレンジ5日目

検索ウィンドウユーザエージェントスタイルシートトラブルシューティング

ホームページラベル

に名前を入れる

作成詳細ページ

検索ウィンドウuser agentスタイルシート質疑応答

検索inputウィンドウの色を指定したのに、以前に検索した履歴を選択すると自動的に色が入るという問題が発生します.基本的にuseragentスタイルシートと呼ばれるcssは問題のようです.

        input:-webkit-autofill,
        input:-webkit-autofill:hover,
        input:-webkit-autofill:focus,
        input:-webkit-autofill:active {
            transition: background-color 5000s ease-in-out 0s;
            -webkit-transition: background-color 9999s ease-out;
            -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
            -webkit-text-fill-color: white !important;
        }

これを挿入すると問題が解決します.
「その他の入力」ウィンドウをクリックすると、枠線を削除するには、次の手順に従います.

input:focus {outline:none;}

これを入力すればいいです.

ホームページのラベルに名前を入れる

ラベルに各タイプの名前を加え、それに応じてclass名を変更します.

詳細ページを作成

すぐに詳細ページが必要になるので、これも符号化されています.
慣れてきたのか、思ったほど時間がかかりませんでした.
つかむ
詳細ページレイアウトはflexを採用しており、flexは明確なwidthとheight値を与えているか、オブジェクトがなければ画面に表示されないことを知らない.今度気をつけます.