我有一個擴展我的基本 HTML 文件的文件，該文件包含一個表單。我想為表單創建邊距，并更改提交按鈕和表單文本框的顏色以匹配我網站的主題。我該如何在我的 CSS 文件中執行此操作？截至目前，邊距似乎不起作用，而且我也不確定如何像我之前提到的那樣更改顏色。search.html 文件{% extends 'base.html' %}{%load static%} <link rel="stylesheet" type= "text/css" href="{% static 'css/form.css' %}" > <body> {% block content %} <container > <center> <form action="/searchoutput/" method="post"> {% csrf_token %} Input Text: <input type="text" name="param" required> <br><br> {{data_external}}<br><br> {{data}} <br><br> <input type="submit" value="Check for Service"> </form> </container> </center> {% endblock %} </body>表單.css 文件form { margin-top: 200px;}基礎.html{%load static%}<!DOCTYPE html><html><head><title>TweetyBird</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <link rel="stylesheet" type= "text/css" href="{% static 'css/main.css' %}" > <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
1 回答
汪汪一只貓
TA貢獻1898條經驗 獲得超8個贊
在 base.html ({%block staticfiles%}) 中的 head 標簽下方添加一個塊標簽。
現在在 search.html 中將你的 css 添加到 staticfiles 塊中。
由于您擴展了 base.html，因此只有 search.html 的塊內容會被 base.html 塊中的內容替換
由于您的鏈接標記在塊之外，因此 css 甚至不會被拾取。
另外最好在 base.html 中使用 body 標簽而不是 search.html
添加回答
舉報
0/150
提交
取消