Q&A
ress.min.cssを外したら表示されました
前提・実現したいこと
入力フォームとボタンの枠線を表示したい
発生している問題・エラーメッセージ
入力フォームとボタンの枠線が表示されないのでデペロッパーツールでスタイルのチェックを外したら枠線が表示されるのですがress.min.cssの所にchange to this file were not saved to filesystemとエラーがでて保存できません。
cssをいじらなくてもデフォルトで枠線が出ると思うのですがなぜか表示されないので解決策がわかりません。
エラーメッセージ change to this file were not saved to file system
該当のソースコード
ソースコード <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>To do list</title> <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css"> <link rel="stylesheet" href="./style.css"> </head> <body> <header> <h1>Todo List</h1> </header> <div class="container"> <input id="new-task" type="text"> <button id="add-button">Button</button> </div> <ul></ul> <script src="todo.js"></script> </body> </html>
試したこと
ここに問題に対して試したことを記載してください。
補足情報（FW/ツールのバージョンなど）
ここにより詳細な情報を記載してください。
回答2件
0
ress.min.cssは外部リソースから読み込んでいる形になるので、実態はサーバーにあります。
ですので編集して保存をする事は出来ません。
スタイルを試したいのであれば、デベロッパーツール上の適用されているスタイルが見れるところ(この質問の1枚目の画像です)のところに入力する。自分の実現したいようになるのでしたら、ローカルのstyle.cssに記述する。という方法になります。
どうしてもress.min.cssを変更したいのであれば、ress.min.cssをダウンロードしてローカルに配置、それを編集するといいです。
投稿2020/07/16 16:01
退会済みユーザー
総合スコア0
0
ベストアンサー
入力フォームとボタンの枠線が表示されないのでデペロッパーツールでスタイルのチェックを外したら枠線が表示されるのですがress.min.cssの所にchange to this file were not saved to filesystemとエラーがでて保存できません。
そりゃ、ress.min.cssはあなたのものではないからですね。
cssをいじらなくてもデフォルトで枠線が出ると思うのですがなぜか表示されないので解決策がわかりません。
ress.css (ress.min.cssも同じ)を読んでいるから、通常のボタンの表示やテキスト入力欄の枠線が表示されない設定に変えられています。試しに、ress.min.cssを読み込まないように変更してみるとわかります。
もちろん、その後にあなたのstyle.cssを読み込んでいるので、そちらで枠線の設定をすれば、それが表示されます。こちらの手元で適当に作ったstyle.cssでは、ちゃんと指定した枠線が表示されます。
ということで、問題はあなたのstyle.cssの内容か、置き場所にあります。
投稿2020/07/16 16:04
総合スコア11990
いや、ress.min.cssは目的があって意図的に読み込んでいるんですよね?
(余分なマージンをいったん取り去って、すべて自分で指定したいとか)
そうであれば、自分のstyle.cssで、inputやbuttonに、あなたの思うとおりの外見になるようborderを設定してください。
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2020/07/16 16:13