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

Last Reply one year ago By Mudassar

Posted one year ago

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

                 <FooterTemplate >




Posted one year ago Modified on one year ago

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;
<br />
<br />
<input type="text" />