Rounded Corners TextBox In Asp.Net Or HTML

Rounded Corners TextBox In Asp.Net Or HTML

In this tutorial i will let you know how can you create a rounded corner textbox in asp.net or HTML.You can achieve this by applying a simple CSS for textbox.

Design View of Page:-

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="textbox_riunded corner.aspx.cs" Inherits="textbox_riunded_corner" %>
<!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">
<style type="text/css">
.Roundedcorner
{
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
</style>
<title>Rounded Corners In Textbox</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server" CssClass="Roundedcorner"></asp:TextBox>
</div>
</form>
</body>
</html>


 

I hope this will works for you. Enjoy!!!