我有一个用于Bootstrap弹出窗口的树枝模板。代码是：
span class="popover-wrapper {% block wrapper_class %}{% endblock %}">
<button
type="button"
class="btn-link popover-link {% block link_class %}{% endblock %}"
tabindex="0"
role="button"
data-toggle="popover"
data-placement="bottom"
data-title="{% block title %}{% endblock %}"
>{% block link_text %}{% endblock %}</button>
<div class="popover-inner-content {% block content_class %}{% endblock %}">
{% block content %}{% endblock %}
</div>
</span>
当将此模板扩展到另一个html.twig视图时，
{% embed 'fragments/popover.html.twig' %}
{% block link_class %}more-sections{% endblock %}
{% block link_text %}
<span class="fa fa-info-circle"></span>
{% endblock %}
{% block title %}<div>Contact Info</div>{% endblock %}
{% block content %} .......
当添加style="background-color: blue;"到标题div时，它会禁用弹出窗口的出现/消失功能。如何更改弹出式标题部分的背景颜色>
您正在HTML标题标签内使用双引号来打破。
<button data-title="<div style="background-color: blue;">Contact Info</div>">...</button>
您可以使用单引号解决此问题
{% block title %}<div style='background-color: blue;'>Contact Info</div>{% endblock %}
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句