Question

我指的是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静态文件夹中？

Answer 1

尝试添加标签

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

Answer 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 ...
我希望这个答案对你有用：）

Django CheckBox造型

2 个答案: