CSS Max-Width в IE8

Question

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

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

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

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

Answer 1

Это не является проблемой, так как IE8 IE8 делает поддержку максимальная ширина атрибута, но только тогда, когда дается определенный ширину первой.

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

Answer 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+ */ 
}