提前删除输入字段中的顶部填充和宽度

Question

我正在将Framework7与jQuery和Bootstrap一起使用

<form class="searchbar">
    <div class="searchbar-inner">
        <div class="searchbar-input-wrap">
            <input type="search" placeholder="Search Medicines" id="ahead_search">
            <i class="searchbar-icon"></i>
            <span class="input-clear-button"></span>
        </div>
        <span class="searchbar-disable-button">Cancel</span>
    </div>
</form>

现在我每次选择元素时都在app.js中（尝试了noConflict和$方法）

jQuery("#ahead_search").typeahead({....});

look / feel / ui / css / idk该输入字段的变化

我将附上图片以显示问题

选择之前：

选择后：

不仅在framework7中，而且在几乎所有情况下，这种情况都在发生。

Answer 1

更新： 感谢C14L的评论，我得以解决此问题。 显然，Twitter Typeahead使用jquery将某些类附加到某些元素，并为其使用内联样式 这是内联样式，已被主题css覆盖。 我们只需要在jQuery中使用一行来防止这种情况。 因此，在预先输入之后 只是写这个

jQuery('.twitter-typeahead').attr("style", "");
这将重置样式属性，并将输入框恢复为原始状态。