Hola!
Tengo este código CSS y las propiedades del width sí funcionan en WebKit (en Chrome y Safari), pero no en Firefox. ¿por qué?
Gracias!
Capturas
Firefox -
Chrome.
Código HTML:
Ver original<!doctype html>
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic");
body{
margin: 0;
}
.Cabecera{
background-color: #0072C6;
font: 600 14px "Open Sans";
color: white;
text-align: center;
height: 26px;
min-width: 45px;
}
.NumeroLista{
background-color: #0072C6;
height: 24px;
font: 600 14px "Open Sans";
color: white;
text-align: center;
width: 35px;
}
.CuerpoNormal{
font: 400 14px "Open Sans";
min-width: 220px;
padding-left: 5px;
}
.Calificacion{
text-align: center;
width: 35px !important;
}
.CampoNotas{
text-align: center;
font: 400 12px "Open Sans";
display: inline-block;
max-width: 30px;
outline: 0;
border: 0;
}
tr:hover, tr:hover input{
background-color: #e0e0e0;
color: black;
}
<td colspan="2" style="min-width: 22%;" class="Cabecera">Alumno
</td> <td class="Cabecera">ExU1
</td> <td class="Cabecera">ExU2
</td> <td class="Cabecera">ExU3
</td> <td class="Cabecera">ExU4
</td> <td class="Cabecera">ExU5
</td> <td class="Cabecera">ExU6
</td> <td class="NumeroLista">1
</td> <td class="CuerpoNormal">Valderrama, Juanito
</td> <td class="Calificacion"><input type="text" value="1,11" class="CampoNotas" maxlength="4"></td> <td class="Calificacion"><input type="text" value="2,22" class="CampoNotas" maxlength="4"></td> <td class="Calificacion"><input type="text" value="3,33" class="CampoNotas" maxlength="4"></td> <td class="Calificacion"><input type="text" value="4,44" class="CampoNotas" maxlength="4"></td> <td class="Calificacion"><input type="text" value="5,55" class="CampoNotas" maxlength="4"></td> <td class="Calificacion"><input type="text" value="6,66" class="CampoNotas" maxlength="4"></td>