Stylish Textbox using CSS
In this article, we will show stylish textbox using
only css, many time we need to design the textbox to make our web site beautiful
and attractive.
Source Code:-
<%@
Page Language="C#" AutoEventWireup="true" CodeFile="stlishtextbox.aspx.cs" Inherits="stlishtextbox"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title> </title>
<style type="text/css">
.TextBox
{
width:
185px;
border:
2px solid rgb(173, 204, 204);
box-shadow:
0 0 27px rgb(204, 204, 204)
inset;
transition:
500ms all ease;
padding:
3px 3px 3px 3px;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtname" CssClass="TextBox" placeholder="Name" runat="server"></asp:TextBox>
<asp:TextBox ID="txtcontact" CssClass="TextBox" placeholder="Contact Number" runat="server"></asp:TextBox>
<asp:TextBox ID="txtemail" CssClass="TextBox" placeholder="Email" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>
Out-put:-
Stylish Textbox using CSS
Reviewed by NEERAJ SRIVASTAVA
on
7:44:00 PM
Rating:
Reviewed by NEERAJ SRIVASTAVA
on
7:44:00 PM
Rating:
No comments: