Is it possible to round the four eldges of a TextBox inside a DataList ltaspDataList ID34GetUSERPOST34 runat34server34 OnItemDataBound34GetUSERCOMMENTS2ItemDataBound34 Width3410034gt ltItemTemplategtltaspDataList ID34GetUSERCOMMENTS234 runat34server34 OnItemDataBound34GetUSERCOMMENTS2ItemDataBound34 Width3410034gt ltItemTemplategt ltaspTextBox ID34txtcommentpost3

Make TextBox and TextArea (Multiline TextBox) corners round using CSS3

micah

SOLVED CLOSED ACTIVE ANSWERED
User: micah
Posted: on Jan 25, 2018 02:07 AM
Forum: HTML and CSS
Answer: 1
Views: 2674

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

<asp:DataList ID="GetUSERPOST" runat="server" OnItemDataBound="GetUSERCOMMENTS2_ItemDataBound" Width="100%">
                        <ItemTemplate>
<asp:DataList ID="GetUSERCOMMENTS2" runat="server" OnItemDataBound="GetUSERCOMMENTS2_ItemDataBound" Width="100%">
                        <ItemTemplate>
  <asp:TextBox ID="txtcommentpost" runat="server" rows="1" cols="20" CssClass="txtbox form-control" placeholder="Reply..."  OnTextChanged="OnTextChanged" MaxLength="500"  TextMode="MultiLine">
</asp:TextBox>




 </ItemTemplate>
                 <FooterTemplate >
                   
                         

                  
                     
                 </FooterTemplate>
                    </asp:DataList>


 </ItemTemplate>
                
                    </asp:DataList>

Download FREE API for Word, Excel and PDF in ASP.Net

Mudassar

0 3

Reply
ANSWER
User: Mudassar
Replied: on Jan 25, 2018 03:03 AM
Modified: on Jan 25, 2018 03:07 AM
Report

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" />

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Make TextBox and TextArea (Multiline TextBox) corners round using CSS3

Company

Explore

Follow us

Contact Us