I have a very simple form which contains one text field.
<form method="POST" action="">
<table width="100px" style="margin-left:auto;margin-right:auto" border=1>
<td><input style="width:50px" type="text" name="username" /></td>
In the real code of course I have a proper style sheet instead of embedding 'style' in the input, but doesn't matter how I tried, the text field sticks to '161px'. I searched for text '161px' in all css files only found it under emulator.css padding, which is of course not used in my case.
I tried in a plain html and the above code works. I know that this input style is defined somewhere in the hirachy which I was not able to override, any idea how to overide CQ's input style?
In CQ you just need to include form component and inside the form add text component. When you double click text component it will provide you with the option to add styling and specify width. Which takes precendence. Not sure why you building the entire html page.