.#{$prefix}form-text {
color: $form-field-color;
padding: $form-field-padding;
background: $form-field-background-color repeat-x 0 0;
border-width: $form-field-border-width;
border-style: $form-field-border-style;
border-color: $form-field-border-color;
@if $form-field-background-image != null {
background-image: theme-background-image($form-field-background-image);
}
height: $form-field-height;
// line-height has to be content-height - 1 in order for text to be vertically centered
// in IE8 and below and IE quirks. Modern browsers just disregard line-height and
// vertically center the text regardless.
line-height: $form-field-content-height - 1;
@if $include-ext-toolbar-toolbar and $form-toolbar-field-height != $form-field-height {
.#{$prefix}field-default-toolbar & {
height: $form-toolbar-field-height;
line-height: $form-toolbar-field-content-height - 1;
}
}
@if $include-ie {
// adjust height for content-box model
.#{$prefix}strict .#{$prefix}ie6 &,
.#{$prefix}strict .#{$prefix}ie7 & {
height: $form-field-content-height;
}
@if $include-ext-toolbar-toolbar and $form-toolbar-field-height != $form-field-height {
.#{$prefix}strict .#{$prefix}ie6 .#{$prefix}field-default-toolbar &,
.#{$prefix}strict .#{$prefix}ie7 .#{$prefix}field-default-toolbar & {
height: $form-toolbar-field-content-height;
}
}
}
}
.#{$prefix}form-focus {
border-color: $form-field-focus-border-color;
}
.#{$prefix}form-empty-field,
textarea.#{$prefix}form-empty-field {
color: $form-field-empty-color;
}
@if $include-ie {
/*
In oldIE, text inputs get a mysterious extra pixel of spacing above and below.
This is targeted at IE6-IE7 (all modes) and IE9+ Quirks mode.
IE8 quirks on Windows 7 requires this fix, but on
IE8 quirks on Windows XP, this is breaks the layout.
TODO: Check field input heights in IE8 quirks on Windows Vista.
Since we can't specifically target a specific version of Windows via CSS, we default to fixing it the XP way, for now.
*/
.#{$prefix}quirks .#{$prefix}ie9p .#{$prefix}form-text,
.#{$prefix}ie7m .#{$prefix}form-text {
margin-top: -1px;
margin-bottom: -1px;
}
}