Question

我正在使用javascript进行圆角它只在我单击文本框时才有效。如果文本框失去焦点，那么文本框再次成为矩形，我错了，继承代码

<script src="Jquery/rounded-corners.js" type="text/javascript"></script>
 <asp:TextBox CssClass="rounded rc5 FilterCriteria" ID="txtSearch" runat="server"></asp:TextBox>
 <ajaxToolkit:FilteredTextBoxExtender ID="ftxtSearch" runat="server" TargetControlID="txtSearch" FilterType="Numbers" />
<style>
    .rounded { 
    background:white;
    white-space:nowrap;
    zoom:1;
    } 
    .rc5 {
        border-radius: 5px 5px 5px 5px;
    }
</style>

Answer 1

在样式表中添加这些行

 -moz-border-radius: 6px 6px 0 0;
 -webkit-border-radius: 6px 6px 0 0;
 border-radius: 6px 6px 0 0;

Answer 2

但是你没有使用javascript来绕过文本框角落。你所做的就是使用border-radius意味着你正在使用样式（CSS 3.0）来圆角文本框角落;您的浏览器必须与CSS3.0兼容

文本框圆角asp.net

2 个答案: