搜索框在FIrefox上的呈现方式与在Chrome上的呈现方式不同

Question

我很难解决渲染搜索框的问题，就像它在所有其他浏览器上处理chrome一样。 Fire fox完全以不同的方式显示搜索框。下面提供了一些截图：

铬：  https://gyazo.com/8014660292a4e23390bb5dec1100bda0

Firefox：  https://gyazo.com/7fb0c75410f428404be7e64d495e23e3

HTML：

<div id="headerSearchBox">
    {* Header Search Box Area *}
    {if $config.settings.search}

            <div class="container">
                <form action="{linkto page="search.php"}" method="get" id="searchFormTest">
                    <input type="hidden" name="clearSearch" value="true">
                <div class="row">
                    <div class="col-md-6">
                        <div id="custom-search-input">
                            <div style="background-color: black" class="search_bttn input-group col-md-12">
                            <input type="text" id="searchPhrase" name="searchPhrase" class="searchInputBox" value="{$lang.enterKeywords}" placeholder="Suchbegriff oder Bildnummer">
                            <span class="input-group-btn">
                            <button id="clickableAwesomeFont" class="btn btn-info btn-lg" type="submit">
                                <i style="font-size: 20px; color: white;" class="fa fa-search" aria-hidden="true"></i>
                            </button>
                    </span>
                            </div>
                        </div>
                    </div>
                </div>
                </form>
            </div>
    {/if}
</div>

请您就如何解决问题向我提出建议？

谢谢