I have the following input
<label class="labelPequeno">Endereço</label>
<input type="text" class="typeTextGrande"
required maxlength="400" id="endereco" name="endereco" />
With class="typeTextGrande"
CSS
.typeTextGrande, .typeTextMedio, .typeTextPequeno {
height: 36px;
padding: 4px;
}
.typeTextPequeno {
width: 100px;
}
.typeTextMedio {
width: 200px;
}
.typeTextGrande {
width: 550px;
}
label {
height: 40px;
line-height: 40px;
display: inline-block;
vertical-align: middle;
}
.labelPequeno {
width: 100px;
}
.labelMedio {
width: 200px;
}
.labelGrande {
width: 300px;
}
This input
is part of a customer master form that exists in both ambiente administrativo
and ambiente do cliente
. And when I "inspect" the element on both forms I notice that in the administrative environment there is some loss exatamente
of 12px
both width
and height
of all elements.
However, I do not find these 12px
.