Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Django复选框样式_Html_Css_Django_Jinja2 - Fatal编程技术网

Html Django复选框样式

Html Django复选框样式,html,css,django,jinja2,Html,Css,Django,Jinja2,我指的是复选框的样式 我正在使用Django Jinja模板库,下面是我的代码 {%block css%} <link rel="stylesheet" href="/static/css/prettyCheckable.css"> {%endblock%} {% block footer %} <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&g

我指的是复选框的样式

我正在使用Django Jinja模板库,下面是我的代码

{%block css%}
   <link rel="stylesheet" href="/static/css/prettyCheckable.css">
{%endblock%}

{% block footer %}
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="/static/js/prettyCheckable.js"></script>
        <script type="text/javascript">
            $().ready(function(){

              $('input.myClass').prettyCheckable();

            });
        </script>
{% endblock %}

{% block content %}
   {% for user in users %}
       <input type="checkbox" class="myClass" value="yes" id="answer" name="answer"/>{{user.name}}<br>    
   {%endfor%}
{%endblock%}
{%block-css%}
{%endblock%}
{%block footer%}
$().ready(函数()){
$('input.myClass').prettyCheckable();
});
{%endblock%}
{%block content%}
{users%%中的用户为%s}
{{user.name}}
{%endfor%} {%endblock%}
我的鼠标指针在指向用户名时发生变化,尽管它没有显示复选框。下载的zip文件中也有图像(.png文件)。现在我想问一下这些文件将放在我的django静态文件夹中的什么位置?

尝试添加一个标签

   <input type="checkbox" class="myClass" value="yes" id="answer" name="answer"/><label for="answer">{{user.name}}</label><br>    
{{user.name}}

您看到css的属性了吗?如果看到了,您应该找到如下代码:

height: 30px;
width: 30px;
display: block;
float: left;
cursor: pointer;
margin: 0;
background: url('../img/sprites-sfa68604977.png');
我发现你把css文件链接到

     <link rel="stylesheet"href="/static/css/prettyCheckable.css">

因此,如果您想要显示图像,您应该保证css的目录存在img/sprites-sfa68604977.png')

最后,我刚刚更改了checkbox的样式。。 我用过这个…

我希望这个答案对你有用:)

不,它没有发生。但是,我想我已经找到了解决办法。我的鼠标指针在指向用户名时发生变化,尽管它没有显示复选框。下载的zip文件中也有图像。现在我想问一下这些文件将放在我的静态文件夹中的什么位置?请查看css文件中的相对路径,并将其放置在类似的路径中。如果img路径为:../img/file.png,则它将进入static/img。如果它与css位于同一路径中,它将进入static/img。您可以检查chrome是否存在404错误,以查看它们是否已加载