ليس من السهل إدارة عنصر التحكم المحدد باستخدام CSS!
يمكن تحقيق ذلك عن طريق كتابة width:??px;
height:??px; لا يمكن تحقيق ذلك إلا عن طريق ضبط حجم الخط بالداخل.
يمكن تحقيق الخلفية، لكن استخدام صورة الخلفية غير ممكن،
وتكون حدود التحديد زرقاء بشكل افتراضي، ولا يمكن تغييرها باستخدام سمة الحدود في CSS. لا يمكن تغيير الحدود إلا من خلال التمويه.
الفكرة: قم أولاً بإنشاء طبقة بالحدود المتوقعة، ثم ضع التحديد بالداخل. حجم التحديد أكبر قليلاً من div، بحيث يكون المحتوى الموجود خارج الطبقة مخفيًا ويتم تغطية حدود التحديد.
<div style = "border:solid 1px #ffcc00; width:100px; height:20px;overflow:hidden;">
<حدد الاسم = "حدد" النمط = "العرض: 105 بكسل؛ الارتفاع: 25 بكسل؛ الهامش الأيسر: -1 بكسل؛ الهامش العلوي: -1 بكسل؛" الاسم = "حدد" >
<option value="1">عضو عادي</option>
<option value="2">المستوى 2 أو النادي المحلي</option>
<option value="3">الارتباط</option>
</حدد>
</div>
باستخدام هذه الطريقة، يمكنك إجراء التحديد بدون حدود أو تغيير الحدود، ولكن هذا يقتصر فقط على حالة القائمة المحددة. عندما يتم عرضها في الحالة المتعددة، سيكون هناك أثر الحد الأقصى لعمق الإطار في IE، وفي FF ليس هناك، من الصعب جدًا التحكم فيك!