<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"
runat="server">
<title>How to Create Round Corner TextBox using JQuery</title>
<script language="javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js">
<script src="jquery.corner.js"
type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function()
{
$(".divStyle").corner("round");
});
</script>
<style type="text/css">
.divStyle { width: 200px; height: 25px; background-color:
#FEA400;margin:5px; }
.txtboxStyle { width: 180px; height: 20px; background-color:
transparent; position:
relative;
left: 10px;
border-style: none;
}
</style>
</head>
<body>
<form id="form1"
runat="server">
<div>
UserName:
<div class="divStyle">
<asp:TextBox ID="txtName"
CssClass="txtboxStyle"
runat="server"></asp:TextBox>
</div>
Location:
<div class="divStyle">
<asp:TextBox ID="txtLocation"
CssClass="txtboxStyle"
runat="server"></asp:TextBox>
</div>
</div>
</form>
</body>
</html>