SELECT und CSS

[HammerHe@rt]

.select {
	width: 200px;
	color: #333333;
	background-color: #999999;
	border: 1px solid #666666;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}

im Firefox sowie IE6 wird die SelectBox wie gewünscht angezeigt
der volle bereich ist mit der Hintergrundfarbe gefüllt

Im IE7 hingegen habe ich einen ca.2mm breiten weißen Rand

Gibt es dazu nen Trick oder nen workaround?

 

[HammerHe@rt]

oben das bild ist ie7 + vista

das bild hier ist ie7 + xp

scheint trotzdem noch der standard rand vom ie7 zu sein irgendwie
bekommt man den weg?

 

[Maik]

Hi,

möglicherweise ist dies eine Browser- / Systemeinstellung, die die gewünschte Formatierung des select-Elements unterbindet.

Siehe hierzu auch http://www.456bereastreet.com/lab/form_controls/select/, wo dokumentiert wird, dass eine einheitliche CSS-Gestaltung der Auswahlliste in den einzelnen Browsern auf den unterschiedlichen Betriebssystemen nicht möglich ist.