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

我将Framework7与jQuery和引导一起使用

<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>

look/feel/ui/css/idk输入字段的变化是什么

我将包括显示问题的图像

在选择之前：

选择后：

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

更新： 多亏了作者的评论，我才得以解决这个问题。 很明显，TwitterTypeahead使用jquery将一些类附加到某些元素中，并对它们使用内联样式 这是内联样式，它被主题css覆盖。 我们只需要jQuery中的一行代码来防止这种情况。 所以在初始化typeahead之后， 写下这个

jQuery（'.twitter-typeahead'）.attr（“style”，”）


这将重置样式属性，并将输入框还原为原始状态。
请在stackoverflow中添加所有相关信息，而不是在可能移动或删除的外部资源中添加。我个人也不会打开外部链接，因为现在还不知道它会指向哪里。您可以从编辑器在此处添加屏幕截图。还要解释你面临的问题是什么，你说“每当我选择…”但你从来不说发生了什么。使用编辑器的图像功能上载图像请在堆栈溢出（你可以使用堆栈代码段功能，图标是
）上添加你正在使用的代码。请务必花些时间，尽量减少重新产生问题的代码量；谁知道呢，也许你会在这样做的时候找到答案。：）几乎就像
.typeahead（）
从
.search bar info
类中删除
填充顶部一样。你能在开发者工具（右键单击->检查->样式）中观察到该元素的CSS属性有什么变化吗？多亏了@C14L，我发布了答案。
jQuery("#ahead_search").typeahead({....});