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 Stylish Textbox using CSS Reviewed by NEERAJ SRIVASTAVA on 7:44:00 PM Rating: 5

No comments:

Powered by Blogger.