how to make textboxes corners round using CSS3  

  RSS

TopicCreator
(@topiccreator)
Eminent Member Moderator
Joined: 12 months ago
Posts: 12
12/06/2018 11:36 am  

Is it possible to round the four eldges of a TextBox inside a DataList?

 

<asp:DataList ID="GetPost" runat="server" OnItemDataBound="GetComments_ItemDataBound" Width="100%">
<ItemTemplate>
<asp:DataList ID="GetComments" runat="server" OnItemDataBound="GetComments_ItemDataBound" Width="100%">
<ItemTemplate>
<asp:TextBox ID="txtCommentPost" runat="server" rows="1" cols="20" CssClass="form-control" placeholder="Reply..." OnTextChanged="OnTextChanged" MaxLength="500" TextMode="MultiLine">
</asp:TextBox>
</ItemTemplate>
<FooterTemplate></FooterTemplate>
</asp:DataList>
</ItemTemplate>
</asp:DataList>


ReplyQuote
Piyush Goyal
(@gpiyush152)
Active Member Registered
Joined: 1 year ago
Posts: 5
12/06/2018 12:49 pm  

This will work only in HTML5 supported browsers.

<style type="text/css">
   textarea, input[type=text]
   {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }
</style>
<textarea></textarea>
<br />
<br />
<input type="text" />

piyush goyal


ReplyQuote
TechGroup Admin
(@admin)
Eminent Member Admin
Joined: 1 year ago
Posts: 11
29/06/2018 1:20 pm  
You need to do this only in style

border-radius : 10px;


ReplyQuote
Share:
  
Working

Please Login or Register