文本框圓角asp.net

即時通訊使用javascript圓角它的唯一作品，當我點擊文本框。如果文本框失去焦點然後再次文本框變成矩形哪裏我錯了，繼承人的代碼文本框圓角asp.net

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

來源

2012-05-15 skhurams

兼容我通過移除ajaxToolkit解決了這個問題：TextBoxWatermarkExtender – skhurams

添加這些行，但你不使用JavaScript來圓文本框的角落。所有你所做的是使用border-radius意味着你正在使用樣式（CSS3.0）來圍繞文本框的角落;您的瀏覽器必須與CSS3.0

來源

2012-05-15 12:52:20 HGK

在樣式表

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

來源

2012-05-15 12:51:51 AnandMohanAwasthi

但還是它當我點擊文本框它bocomes四捨五入，如果我取消選中文本框，然後它在所有瀏覽器 – skhurams

再次變爲矩形不工作什麼試圖實現與添加的JavaScript？ – AnandMohanAwasthi

文本框圓角asp.net

回答

相關問題