ホームページ > ウェブフロントエンド > htmlチュートリアル > ブートストラップ ドロップダウン ボックスは、Firefox インターフェイスではフレンドリではありません

ブートストラップ ドロップダウン ボックスは、Firefox インターフェイスではフレンドリではありません

WBOY
リリース: 2016-08-20 08:47:51
オリジナル
1421 人が閲覧しました

http://output.jsbin.com/titaki

上記のリンクを Firefix ブラウザで開くと、中に小さなコンテナがあり、ドロップダウン ボタンのスタイルがフレンドリーではないことがわかります

Googleでチェック

1.小さなコンテナは select:padding:0 を使用できます

2. ドロップダウン アイコンは、background-image; -moz-Appearance:none を使用して、ドロップダウン ボックスのスタイルを削除できます。

@-moz-document url-prefix() {

select.form-control {
-moz-Appearance: なし;
外観: なし;
Background-image: url("../image/buy-other-down .png");
background-repeat:no-repeat;
background-position:calc(100% - 7px) 50%;
background-size:15% auto;
border-radius:3px;
padding:0;
}
}

追記: 小さなコンテナはpadding: 0で削除できますが、この場合、selectにpadding-leftがなくなり、インターフェースが不親切になります。この小さなコンテナの問題を解決する方法がわかりません。まだまだ探索する必要があります。ガーデンの友人からの提案は大歓迎です。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート