Buy Questpond's video subscriptions on huge discount.
DotNetFunda.com
Online: 3818
Home > Forums > ASP.NET >

rounded corners in asp.net [Resolved]

Posted by Nagukothapalli under ASP.NET on 1/6/2013 | Points: 10 | Views : 19453 | Status : [Member] | Replies : 6
Write New Post | Search Forums | AnsweredResolved Posts | Un Answered Posts | Forums Home 
how to get rounded corners for my text box



Reply | Reply with Attachment
Alert Moderator 

Responses

Posted by: Saratvaddilli on: 1/10/2013 [Member] [MVP] Bronze | Points: 25

Up
0
Down

Resolved
Hi,
once check this 
<style type="text/css">



        .textbox



        {



            -webkit-border-radius: 5px;



            -moz-border-radius: 5px;



            Font-Bold="true"



        }



</style>



 <asp:TextBox ID="txtPlainText" runat="server" CssClass="textbox"></asp:TextBox>

hope this will help you

Thanks and Regards
V.SaratChand
Show difficulties that how difficult you are

Nagukothapalli, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Nishant_Mittal on: 1/7/2013 [Member] Starter | Points: 25

Up
0
Down 
<asp:TextBox ID="rounded" CssClass="txtBox"  runat="server"></asp:TextBox>


Below is the Css Class use to round the corners of text box- 

.txtBox

{

	padding: 6px 4px;

	border: solid 1px #AAA;	

	display: inline-block;

	border-radius: 8px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	-o-border-radius: 8px;

	-khtml-border-radius: 8px;

	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(255, 255, 255, .3);

	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.5), inset 0 -1px 0 rgba(255,255,255,.3);

	

}


Nagukothapalli, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Hariinakoti on: 1/7/2013 [Member] Starter | Points: 25

Up
0
Down
@Nishanth,
It is not working


Thanks & Regards
Hari

Nagukothapalli, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Nishant_Mittal on: 1/7/2013 [Member] Starter | Points: 25

Up
0
Down
I think it will not work in Internet Explorer, Please try in different browsers like chrome, firefox, opera.

Nagukothapalli, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Nishant_Mittal on: 1/7/2013 [Member] Starter | Points: 25

Up
0
Down
paste below property in .txtBox Cssclass
behavior: url(/PIE.htc);

and download the PIE.htc file from http://css3pie.com/

Nagukothapalli, if this helps please login to Mark As Answer. | Alert Moderator
Posted by: Ankitsrist on: 1/10/2013 [Member] Starter | Points: 25

Up
0
Down
simply write following in ur .css file

.textbox
{
border-readius:5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
and add this style in ur textbox "CssClass".....

Nagukothapalli, if this helps please login to Mark As Answer. | Alert Moderator

Login to post response

Latest Posts