Resulta que quiero colorear o ponerle color de fondo a unos input dependiendo el contenido, no se si esto se pueda hacer pueda hacer.
El codigo que tengo es el siguiente:
body {
font-family: Arial, Helvetica, sans-serif;
background-color: #31aee7;
font-size: 3vw;
font-weight: bold;
color: white;
}
input{
border: 0;
border-radius: 5px;
width: 60px;
font-weight: bold;
font-size: 1em;
text-align: center;
}
table, th{
border: 2px solid;
border-color: white;
border-radius: 5px;
text-align: center;
}
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="estilo.css">
</head>
<body>
<table class="tabla">
<tr bgcolor="#085584ff">
<th width="100">Placa</th>
<th><input type="text" value="F"></th>
<th><input type="text" value="1"></th>
</tr>
</table>
</body>
</html>
Resulta que los input que contengan 1 deben ponerse de color de fondo del input verde y los que tengan F de rojo y no se como hacerlo.
Agradezco mucho la ayuda que me puedan dar.