2017-09-10 5 views
1

私のサイトにある選択されたフォームはすべて、Firefoxで切り捨てられます。 Mac(64ビット)とWindows(32ビット)のFirefox 55.0.3で同じ結果がテストされました。ここでは、ブートストラップ4ベータFirefoxでブートストラップ4フォームの選択が切れている

enter image description here

を使用して

は私のコードです:

<div class="form-group"> 
    <label for="genre">Genre</label> 
    <select name="genre" id="genre" class="form-control"> 
     @foreach ($genres as $genre) 
      <option value="{{ $genre->id}}" {{ $selected }}>{{ $genre->name }}</option> 
     @endforeach 
    </select> 
</div> 

私は解決策のためにウェブを検索してきたが、誰もがこの特定の問題に取り組む表示されませんでした。

+0

'ライン-height'問題にこれを追加しようとすると、この選択と.FORM制御

に適用されている、あなたのCSSを入力してくださいスタイル、ノーウェイを知る方法 – albert

+0

@albert私が今持っている唯一のスタイルは、ブートストラップ4のCSSフレームワークです。私はこの時点で個人的なスタイルシートを持っていません。 – MasterZ

+1

ヘッドタグを提供できますか? – corix010

答えて

2

が、宣言見ずに、あなたのCSS totallly

.form-control { 
    height: auto; 
    min-height: 36px; 
} 
+0

私はそれを私のCSSに加えました。そして、私がばかばかしい高さのオプションを入れても結果は変わりませんでした。 – MasterZ

+0

あなたは使用しているCSSを投稿できますか?これらのスタイルをオーバーライドしている可能性があります – itodd

+0

bootstrap.min.cssファイルは次のとおりです:https://pastebin.com/2EvhYCkr – MasterZ

関連する問題