Tuesday, March 22, 2011

Textbox Formating

A few examples at what can be achieved with CSS and form text box's
Basic Text Box ( No CSS)



Background Color


background-color : #A0CAFC;
border: 1px solid #008000;
width: 230px; 

Border Color / Style



border: 2px dashed #D1C7AC;
width: 230px;

Background Image



background-image: url(images/bg.png); 
border: 1px solid #6297BC; 
width: 230px;

Larger Side Border


width: 230px; 
border: 1px solid #3366FF; 
border-left: 4px solid #3366FF;

Double Border


border: 3px double #CCCCCC;
width: 230px;

Image in Text Box


background:#FFFFFF url(images/search.png) no-repeat 4px 4px; 
padding:4px 4px 4px 22px; 
border:1px solid #CCCCCC; 
width:230px; 
height:18px;

No comments:

Post a Comment