It's strange, I can't seem to identify the issue even though I have experience with CSS.
input {
border: solid 1px #0066FF;
}
.docDataEditorRow input {
width: 100px;
font-size: 10px;
}
Here is the HTML:
<div id="docDataEditor">
<form>
<div class="column-50">
<div class="docDataEditorRow">
<label for="keyword-Fecha">Fecha</label>
<input type="text" value="20131122" id="keyword-Fecha">
</div>
<div class="docDataEditorRow">
<label for="keyword-Fecha de Creacion">Fecha de Creacion</label>
<input type="text" value="2013-11-22 00:00:00" id="keyword-Fecha de Creacion">
</div>
</div>
<div class="column-50"></div>
</form>
</div>
However, only the styles in the first input class are being applied.
The issue lies in this part of the code:
.docDataEditorRow input {
width: 100px;
font-size: 10px;
}
It doesn't appear to be getting applied or showing up as overridden in Firebug.