为什么设置箱形阴影在Chrome中不起作用？

这是JavaScript为什么设置箱形阴影在Chrome中不起作用？

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

    }

来源

2012-09-22 Answer_42

显示CSS。我们可以假设你使用的是非Mozilla供应商的CSS？ – Alexander

那个事件变量应该是什么？检查你的错误控制台，我想这不是明显的。 – Bergi

根据这个WebKit's Bug Report #45417（和Chromium's downstream one）。您需要设置一个明确的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-22 12:18:42 Alexander

你让我的一天！ –

为什么设置箱形阴影在Chrome中不起作用？

回答

相关问题