Search code examples
htmlcssformsinputtextinput

how to add a different text box in input text type


how to add a different text box and increased font in input text type using css as done in facebook?

i found this code on one of the site but thats not working please see if u can help me i want to use rounded box in the form

.tb5 {
    background: url(images/rounded.gif) no-repeat top left;
    height: 22px;
    width: 230px;
}
.tb5a {
    border: 0;
    width:220px;
    margin-top:3px;
}

i want to use a rounded box as on https://www.facebook.com/ signup form instead of the default input box


Solution

  • You can style your text input using CSS:

    input[type=text] {
        font-size: 2em;
    }
    

    You can also change other properties too, such as the border.

    input[type=text] {
        font-size: 2em;
        border-radius: 0.5em;
    }
    

    You can check browser support over at caniuse.com.