http://output.jsbin.com/titaki
سيتم فتح الرابط أعلاه في متصفح Firefix وستجد أن هناك حاوية صغيرة في الداخل ، ونمط الزر المنسدلة غير ودي للغاية
تحقق من ذلك على Google
1. يمكن استخدام الحاويات الصغيرة SELECT: Padding: 0
2. يمكن استخدام أيقونة المنسدلة لاستخدام صورة الخلفية ؛ -ظهور الأوز: لا شيء يزيل نمط المربع المنسدل ، ثم
@-moz-document url-prefix () {select.form-control {-moz-appearance: none ؛ المظهر: لا شيء ؛ خلفية-صورة: url ("../ صورة/شراء أخرى. Auto ؛ الحدود الحدودية: 3px ؛ الحشو: 0 ؛}}PS: يمكن إزالة الحاوية الصغيرة مع الحشو: 0 ، ولكن بهذه الطريقة ، لن يكون لدى SELECT حشو اليسار والواجهة غير ودية. لا أعرف كيفية حل مشكلة هذه الحاوية الصغيرة ، وما زلت بحاجة إلى استكشافها مرة أخرى. إذا كان لديك رؤى جيدة ، يرجى إعطائها ، شكرا لك!