1

角を丸くするために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>
4

2 に答える 2

0

これらの行をスタイルシートに追加します

 -moz-border-radius: 6px 6px 0 0;
 -webkit-border-radius: 6px 6px 0 0;
 border-radius: 6px 6px 0 0;
于 2012-05-15T12:51:51.920 に答える
0

しかし、テキストボックスの角を丸めるためにJavaScriptを使用していません。あなたがしていることはすべてborder-radiusを使用していることであり、スタイル（CSS 3.0）を使用してテキストボックスの角を丸めていることを意味します。ブラウザが CSS3.0 に対応している必要があります

于 2012-05-15T12:52:20.063 に答える