css - lista - usar ancho inicial para elemento que no funciona en IE

lista de atributos html

Question

Tengo un complemento de gráfico que inserta lienzo y una leyenda <table> en su contenedor. En este complemento, la table no tiene width definido y en mi CSS hay un ancho para las tablas dentro de ese contenedor donde se inserta mi complemento.

Por lo tanto, el nuevo div hereda la table{ width: 100%} del CSS y el procesamiento es incorrecto.

Traté de usar width: initial; , se ve bien en Chrome, pero a IE no le gusta, ^{verifica la compatibilidad del navegador}

Admito cambiar / forzar un CSS en línea en el script / plugin ya que tiene que funcionar en cualquier entorno.

¿Cuál es la mejor solución aquí?

Answer 1

Como dijiste, generalmente width: auto tendrá un efecto similar. Tener las reglas:

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

Debería hacer que use initial si es compatible y auto contrario.

Answer 2

Usando width: auto; en línea, dentro del script resuelve el problema en Chrome, FIrefox e IE 11. Simplemente no estoy seguro si hay una mejor manera.