Django CheckBox 样式答案

【问题标题】：Django CheckBox stylingDjango CheckBox 样式
【发布时间】：2013-08-05 02:23:07
【问题描述】：

我指的是this link 用于复选框的样式。

我正在使用 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%}

我的鼠标指针在指向用户名时会发生变化，尽管它没有显示复选框。下载的 zip 文件中也有图像（.png 文件）。现在我想问一下这些文件将在我的 django 静态文件夹中的什么位置？

【问题讨论】：

标签： html css django jinja2

【解决方案1】：

尝试添加标签

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

【讨论】：

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

【解决方案2】：

你看到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');

最后，我刚刚更改了复选框的样式.. 我用过这个css checkbox...
我希望这个答案对你有用:)

【讨论】：