> Faqs > Cambiar color a un texto con CSS inline

Cambiar color a un texto con CSS inline

Hola estoy haciendo un pequeño CRUD y me gustaría que en función del valor devuelvo por la base de datos para un campo, me lo pintase de un color concreto.

El código que estoy utilizando es el siguiente pero no consigo pintar de ROJO el valor de la variable $valor.

if ($valor == "R200"){    
    echo "<style color: red>$valor</style>";
}

A ver si alguien me puede echar una mano.

Respuestas

Realmente tienes un error en el HTML. Estás como usando una etiqueta <style> que en realidad no existe.

Si quieres poner un estilo CSS a un elemento tienes que usar el ATRIBUTO style, que está aceptado en cualquier etiqueta HTML.

if ($valor == "R200"){    
    echo "<span style="color: red;">$valor</span>";
}

Solo que no es la mejor idea usar estilos CSS inline. Sería todavía mejor que en tu hoja de estilos css tengas definida una clase como por ejemplo "danger" que tuviese el estilo y luego lo que haces es aplicar la clase en el HTML, así puedes reutilizar ese estilo las veces que necesites.

Este sería el CSS que incluir en tu archivo .css.

.danger {
    color: red;
}

Luego usas la clase así:

if ($valor == "R200"){    
    echo "<span class="danger">$valor</span>";
}
Guillermo
130 4 8 12