有什么方法可以防止typeahead.js注入内联样式吗？

Question

我正在测试推特typehead.js (用血犬)作为jQuery自动完成的替代方案。

根据文件

自定义模板 自定义模板使您能够完全控制建议的呈现方式，从而可以轻松地自定义预先输入的外观和感觉。

所以我用这个：

$('#autocomplete-pm').typeahead(null, {
    name: 'Resources',
    display: 'value',
    source: resourcesData,
    templates: {
      empty: [
        '<div class="empty-message">',
        'Ingen resurser funnet',
        '</div>'
      ].join('\n'),
      suggestion: Handlebars.compile('<div data-resource_id="{{resource_id}}"><strong>{{first_name}}</strong> – {{last_name}}</div>')
    }
  });

因此，我可能完全控制了输出列表，但问题是它将enitre输入封装在一个<span>标记中：

<span class="twitter-typeahead" style="position: relative; display: inline-block;">

有什么办法可以防止这件事，所以它就像我的sass造型？

Answer 1

我知道这是旧的，但也许我的修复可以帮助别人。我添加了以下css样式并解决了问题：

.twitter-typeahead{
    display: flex !important;
}