2012-05-15 5 views
0

im using javascript для круглого угла его работает только при нажатии текстового поля. Если текстовое поле потеряло фокус, то текстовое поле снова стать прямоугольником, где им неправильно, Heres кодаtextbox round corner 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> 
+0

я решил эту проблему путем удаления ajaxToolkit: TextBoxWatermarkExtender – skhurams

ответ

0

Но вы не используете JavaScript для закругления TextBox углов. Все, что вы делаете, использует border-radius, означает, что вы используете стиль (CSS 3.0) для округления углов текстового поля; Ваш браузер должен быть совместим с CSS3.0

0

Добавьте эти строки в таблице стилей

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

, но до сих пор ее не работает, когда я нажимаю текстовое поле он bocomes округлены, и если я отмените текстовое поле, то он снова становится прямоугольник во всех браузерах – skhurams

+0

Что нужно сделать с добавлением javascript? – AnandMohanAwasthi

Смежные вопросы