爲什麼設置箱形陰影在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中不起作用？

回答

相關問題