how to make textbox with rounded corner using css in asp.net c#

Source code:-

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="roundedcornertextbox.aspx.cs" Inherits="roundedcornertextbox" %>

<!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>
</head>
 <style type="text/css">

.roundedcorner {
    background:#fff;
    font-family:Times New Roman, Times, serif;
    font-size:11pt;
    margin-left:auto;
    margin-right:auto;
    margin-top:1px;
    margin-bottom:1px;
    padding:3px;
    border-top:1px solid #CCCCCC;
    border-left:1px solid #CCCCCC;
    border-right:1px solid #999999;
    border-bottom:1px solid #999999;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
 </style>
 <body>
    <form id="form1" runat="server">
    <p>
        My name is&nbsp;
        <asp:TextBox ID="txtname" runat="server" CssClass="roundedcorner"></asp:TextBox>
    </p>
    </form>
</body>
</html>



 Out-Put :-
how to make textbox with rounded corner using css in asp.net c# how to make textbox with rounded corner using css in asp.net c# Reviewed by NEERAJ SRIVASTAVA on 12:36:00 AM Rating: 5

No comments:

Powered by Blogger.