Advanced Search

Return to Snippet

Revision: 70267
at December 29, 2015 07:18 by 52756
Initial Code 
<style type="text/css">
.style-11 input[type="text"] {
	padding: 10px;
	transition: border 0.3s;
	color: #000;
	background-color: #CCC;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #333333;
}
.style-11 input[type="text"]:focus,
.style-11 input[type="text"].focus {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFF00;
}
</style>


<form id="form1" class="style-11" name="form1" method="post" action="">
  <input type="text" name="uline" id="uline" />
</form>
Initial URL 
http://abf24.net/testdrive/css.html
Initial Description 
Text input Field with Bottom Border only. Border color change at focus
Initial Title 
css border bottom on Text input
Initial Tags 
css
Initial Language 
CSS