Q&A
Formの線が消せないです。top.cssに
panel panel-primary{ border:none; }
とコードを書きました。
form.htmlには
{% load staticfiles %} <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="{% static 'accounts/top.css' %}"> <link rel="stylesheet" href="{% static 'bootflat/css/bootflat.min.css' %}"> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> </head> <body> <div class="panel panel-primary"> <div class="panel-heading"> <h3 class="panel-title text-center">ログイン</h3> </div> {% if form.errors %} <div class="alert alert-danger" role="alert"> <p>入力いただいたメールアドレスの会員登録が無いか、パスワードが間違っています</p> </div> {% endif %} <div class="container"> <form action="{% url 'login' %}" method="post" role="form"> {% csrf_token %} <div class="form-group"> <label>ユーザーネーム</label> <input id="id_username" name="username" type="text" value="" minlength="5" maxlength="12" placeholder="ユーザーネーム" class="form-control"/> </div> <div class="form-group"> <label>パスワード</label> <input id="id_password" name="password" type="password" value="" minlength="8" maxlength="12" placeholder="パスワード" class="form-control"/> </div> <button type="submit" class="btn btn-primary btn-lg">ログイン</button> <input name="next" type="hidden" value="{{ next }}"/> </form> </div> </div> </body> </html>
と書きました。panel panel-primaryのborderをnoneにすればFormの線が消せると前の質問で回答をもらいましたが、cssに上のように書くことではないのでしょうか？私の解釈が間違っていますか？どう直せば良いのでしょうか？
回答1件
0
ベストアンサー
CSS
1.panel-primary{ 2 border:none; 3}
でどうですか？
今は.(ドット)がないということと
panel panel-primaryと空白を空けるとpanel内の子要素のpanel-primaryという意味になります。
両方指定したい場合は,(カンマ)で区切る必要があります。
CSS
1.panel, 2.panel-primary{ 3 border:none; 4}
投稿2017/10/01 15:26
編集2017/10/01 15:26
総合スコア1724
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。