การควบคุมการเลือกไม่ใช่เรื่องง่ายที่จะจัดการด้วย CSS!
สามารถทำได้โดยการเขียน width:??px;
height:??px; ไม่สามารถเปลี่ยนความสูงได้โดยการปรับขนาดตัวอักษรภายในเท่านั้น
พื้นหลังสามารถทำได้ แต่การใช้ภาพพื้นหลังเป็นไปไม่ได้
โดยค่าเริ่มต้น เส้นขอบของการเลือกจะเป็นสีน้ำเงิน และไม่สามารถเปลี่ยนแปลงได้โดยใช้แอตทริบิวต์เส้นขอบของ CSS เท่านั้น
แนวคิด: ขั้นแรกให้สร้างเลเยอร์ที่มีเส้นขอบที่ต้องการ และใส่ส่วนที่เลือกไว้ด้านใน ขนาดของส่วนที่เลือกจะใหญ่กว่า div เล็กน้อย เพื่อให้เนื้อหาที่อยู่นอกเหนือเลเยอร์ถูกซ่อนและครอบคลุมเส้นขอบของส่วนที่เลือก
<div style="border:solid 1px #ffcc00; width:100px; height:20px;overflow:hidden;">
<select name="select" style="width:105px; height:25px; margin-left:-1px; margin-top:-1px;" name="select" >
<option value="1">สมาชิกสามัญ</option>
<option value="2">ระดับ 2 หรือสโมสรท้องถิ่น</option>
<option value="3">สมาคม</option>
</เลือก>
</div>
เมื่อใช้วิธีการนี้ คุณสามารถเลือกโดยไม่มีเส้นขอบหรือเปลี่ยนเส้นขอบได้ แต่จะจำกัดอยู่เพียงสถานะรายการของการเลือกเท่านั้น ขีดจำกัดความลึกของเฟรมใน IE และใน FF ไม่ได้อยู่ที่นั่น!