Html 在django中将标志用作语言选项

我正在尝试为i18n的下拉列表添加标志，到目前为止，我已经尝试添加一个img标记并将其用作背景图像，但它们似乎都不起作用

    <ul class="nav navbar-nav ml-auto">
        <li class="nav-item">
            {% get_current_language as LANGUAGE_CODE %}
            <form action="{% url 'set_language' %}" method="post">
                {% csrf_token %}
                <input type="hidden" name="next" value="{{ redirect_to }}">
                <select name="language" id="" class="icon-menu">
                    {% get_available_languages as LANGUAGES %}
                    {% get_language_info_list for LANGUAGES as languages %}
                    {% for language in languages %}
                        <option value="{{language.code}}"
                            {% if language.code == LANGUAGE_CODE %} selected {% endif %}
                            {% if language.code == "en-gb" %}
                              style="background-image:url(/static/img/en-gb.png);" alt="english">english
                            {% elif language.code == "pt-br" %}
                                >portugues<img src="/static/img/pt-br.png" alt="">
                            {% else %}
              {{ language.name_local }}
                            {% endif %}
                        </option>
                    {% endfor %}
                </select>
                <input type="submit" value="{% trans 'Go' %}">
            </form>
        </li>

{%get_当前语言为语言代码%}
{%csrf_令牌%}
{%get_可用语言为语言%}
{%get_language_info_list for LANGUAGES as LANGUAGES%}
{%用于语言中的语言%}
英语
{%elif language.code==“pt br”%}
>葡萄牙人
{%else%}
{{language.name_local}}
{%endif%}
{%endfor%}

您应该考虑使用第三个JavaScript库，如<代码> Stutt2（）.<
要了解更多信息，请参阅Mozilla（）中的此文档：
该元素的内部结构复杂，难以控制。如果您想得到完全的控制，您应该考虑使用具有良好设施的库来设计窗体小部件，或者尝试使用非语义元素、JavaScript和WAI ARI来滚动自己的下拉菜单以提供语义。