1

これはJavaScriptです

 <script type="text/javascript">
 function Change(obj, evt)
 {
    if(evt.type=="focus")
        obj.className ="textboxOnClickStyle";

    else if(evt.type=="blur")
       obj.className ="textboxStyle";
 }
 </script>

これはテキストボックスのコードです

<asp:TextBox  ID="txtFirstName" runat="server" CssClass="textboxStyle" onfocus
 ="Change(this, event)" onblur ="Change(this, event)" CausesValidation="True"> 
</asp:TextBox>

テキストボックスがクリックされたときに別のcssを適用して、テキストボックスにグロー/シャドウを持たせようとしています。このコードはFirefoxでは正常に機能しますが、Chromeでは何も起こりません。誰かがその理由を指摘できますか？

CSSコードを編集する

.textboxStyle
 {
border-color: #9ECAED;
 border-radius: 3px 3px 3px 3px;


  }

 .textboxOnClickStyle
 {
-moz-box-shadow: 0 0 10px 1px #6DC421;
    -webkit-box-shadow: 0 0 10px 1px #6DC421;
     box-shadow: 0 0 10px 1px #6DC421;

  }
4

1 に答える 1

2

このWebKitのバグレポート＃45417（およびChromiumのダウンストリームレポート）によると。それを機能させるには、回避策として明示 を設定する必要があります。border

.textboxOnClickStyle {
  -moz-box-shadow: 0 0 10px 1px #6DC421;
  -webkit-box-shadow: 0 0 10px 1px #6DC421;
  box-shadow: 0 0 10px 1px #6DC421;
  border: none;
}
于 2012-09-22T12:18:42.530 に答える