Mozilla FirefoxのCSSボタンがインラインで表示されない

Question

Mozilla Firefoxのために適切でない場所に表示される検索ボタンがありますが、その理由がわかりません。 私はここで角度2

とブートストラップ4を使用していますが、それは

クローム

のように見え、ここでは、Firefoxのように見えるものは何かということです。検索ボタンは、ちょうどあなたのアイコンから.float-rightを削除する検索テキスト

私のHTMLコード

<button class="btn custom-search-button d-inline" [disabled]="!searchForm.valid"> 
    Search 
    <i class="fa fa-search float-right" aria-hidden="true"></i> 
</button> 

私のCSSコード

.custom-search-button { 
    color: #A09474; 
    font-size: 16px; 
    padding: 8px 16px; 
    border: solid #A09474 1px; 
    cursor: pointer; 
    background-color: transparent; 
} 

.custom-search-button i { 
    padding-left: 10px; 
} 

Answer 1

にインラインではないようです。それは不要で問題を引き起こします。