Использовать начальную ширину для элемента, не работающего в IE

У меня есть графический плагин, который вставляет в его содержимое холст и легенду <table>. В этом плагине table не указано width, и в моем CSS ширина для таблиц внутри этого контейнера была вставлена в мой плагин.

Итак, новый div наследует table{ width: 100%} из CSS и делает неправильным.

Я попытался использовать width: initial;, хорошо смотрится в Chrome, но IE не нравится ^{проверить совместимость с браузером}

Я допускаю изменение/принуждение встроенного CSS в плагин script/, так как он должен работать в любой среде.

Какое лучшее решение здесь?

Ответ 1

Как вы сказали, обычно width: auto будет иметь аналогичный эффект. Наличие правил:

.my-selector {
    width: auto;
    width: initial;
}

Должен заставить его использовать initial, если он поддерживается, и auto в противном случае.

Ответ 2

Используя width: auto; inline, внутри script решается проблема в Chrome, FIrefox и IE 11. Просто не уверен, есть ли лучший способ.