[Question] How to increase size of username and pass fields

Hello,
Can anyone here please tell me how can i increase the size of <input type = "text" and <input type="password fields just like in wordpress login page and in twitter login page. Actually i want to mage the whole form elements bigger including lists, buttons, and text fields.
Thank You in advance!

 

use input's size property

<input type="text" size="14" />

Code (markup):

or you could use css to set its dimension by assign them to display block
i.e to set all inputs dimension

 input {
display:block;
width:10em;
 }

Code (markup):

or to set specific inputs using class,

--html---
<input class="biginput" ... />

--css---
.biginput{
display:block;
width:300px;
height:24px;
}

Code (markup):

 

thx a lot can you tell me how we can use styled images instead of standard boxes like in wordpress they have rounded corners of input boxes

 

You could do that using css, set the border to none, set background to your image, then match the dimension with the image.
If you're looking for more convenient way is using javascript, i.e Jquery. Uniform is one of my favourite to do that. Take a look.