Textbox: Textmode removes rounded corners

Question

I had a textbox with rounded corners however when I apply "textmode="password" the rounded corners disappear.

 .btn[type="submit"] {  
        border-top: 1px solid #CCCCCC;  
        border-left: 1px solid #CCCCCC;  
        border-right: 1px solid #999999;  
        border-bottom: 1px solid #999999;  
        -moz-border-radius: 15px;  
        -webkit-border-radius: 15px;  
        width: 150px;  
        height: 24px;  
        font-size: 16px;  
  
<div class="div" style="padding-top:70px";"><asp:TextBox ID="txtUserName" placeholder="  Email Address" runat="server"  CssClass="txtbox" ></asp:TextBox></div>  
                        <div class="div" ><asp:TextBox ID="txtPassword" placeholder="  Password" TextMode="Password" runat="server" CssClass="txtbox"></asp:TextBox></div>  
  
  
![43841-img.png][1]  

Answer 1

Hi @Heinz Deubler ,

You don't post radius css of the password textbox. I have created a test and it works.Just like this:

<style>  
        #txtUserName {  
            -moz-border-radius: 15px;  
            -webkit-border-radius: 15px;  
        }  
        #txtPassword {  
            -moz-border-radius: 15px;  
            -webkit-border-radius: 15px;  
        }  
    </style>          
  
 <div class="div" style="padding-top:70px";">  
             <asp:TextBox ID="txtUserName" placeholder=" Email Address" runat="server"  CssClass="txtbox" ></asp:TextBox>  
         </div>  
        <div class="div">  
            <asp:TextBox ID="txtPassword" placeholder="  Password" TextMode="Password" runat="server" CssClass="txtbox"></asp:TextBox>  
        </div>  

Result:

---

If the answer is helpful, please click "Accept Answer" and upvote it.

Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Best regards,
Yijing Sun