问题描述
我在Django
上加载了Bootstrap4
的页面。
无法使用.css中的某些样式(但通常可以处理其中的一些样式。)
该页面显示表单,其中包含checkBoxes
bootstarp-style =“ btn btn-outline-info”组成的buttons
列表。我想在disabled
模式下更改按钮的视图。
我正在此页面上实现其他一些类。但是浏览器无法处理我的一些课程。 (由django-server生成的Chrome中的html页代码是正常的,所有需要的元素都正确显示。但是,并非所有类都适用于某些元素。)
<!DOCTYPE html>
<html lang="ru">
<head>
<Meta charset="UTF-8">
{% load bootstrap4 %}
{% bootstrap_css %}
{% bootstrap_javascript jquery='full' %}
{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'marketability/my_css.css' %}">
<title>Mytitle</title>
</head>
<body>
<div class="name1">some text</div>
<form action="/{{ action }}/" method="post" id="form_">
{% csrf_token %}
<div class="form_blocks">
<div class="form_my_buttons">
{% for class_ in new_form.GO|get_item:sub_type %}
<div class="btn-group-toggle form_my_buttons_padding" data-toggle="buttons">
<label class="btn btn-outline-info btn-block btn-sm text-left{% if class_.name in checked_items %} active{% endif %}{% if class_.name not in enabled %} disabled diasbled_grey{% endif %}">
<input type="checkBox" value="Yes" autocomplete="off" {% if class_.name in checked_items %} checked{% endif %} name="{{ class_.name }}" {% if class_.name not in enabled %}disabled{% endif %}
onchange="$(this).closest('form').submit();"><strong>{{ class_.text }}</strong></label>
</div>
{% endfor %}
</div>
</body></html>
marketability / my_css.css
.form_blocks {
display: flex;
justify-content: start;
flex-wrap: wrap;
}
.form_my_buttons {
display: flex;
flex-direction: column;
padding-left: 10px;
width: 300px;
}
.form_my_buttons_padding {
padding-bottom: 5px;
}
.disabled_grey {
color: #993300!important;
}
.name1 {
color: #993300;
background-color: #205067;
}
并且类form_blocks
,form_my_buttons
,form_my_buttons_padding
-正常工作。因此,文件my_css.css load-可以,django可以看到。
但是类diasbled_grey
-不起作用。
并且<div class="name1">
的简单限制。 (它仅用于错误检查。)。此css
文件中的所有附加类均不适用于任何标签。
浏览器(Crome)缓存-已清除。 我不明白问题出在哪里...我看不到任何错误
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)