CSS Max-Width в IE8

Для моего ввода, который может иметь classname="half" или "half.not-placeholder-value", Firebug показывает оба входа, чтобы иметь набор, фиксированную ширину 25em.

input.half, input.half.not-placeholder-value {
    max-width: 25em;
}

Тем не менее, согласно Developer Tools, IE8, похоже, не использует этот конкретный атрибут max-width. Я говорю, что "похоже, не используется", поскольку поведение Firefox отличается от IE8 по отношению к этому атрибуту.

Но MDN docs говорит, что IE7 поддерживает max-width. Я что-то пропустил?

Ответ 1

Это не проблема IE8, поскольку IE8 поддерживает атрибут max-width, но только при заданной определенной ширине.

input.half, input.half.not-placeholder-value {
    width: 100%;
    max-width: 25em;
}

Ответ 2

Использовать IE8 css с width? Первая часть цели IE, вторая часть отменяет ее для IE9 +.

input.half, input.half.not-placeholder-value {
    max-width: 25em;
    width:25em\9; /* IE 8 */
}
:root input.half, input.half.not-placeholder-value {
    width:inherit\9; /* IE 9+ */
}