CSS3 Pie.htc和密碼輸入字段

我試圖使用css3pie爲了在IE8中添加對邊框半徑的支持。CSS3 Pie.htc和密碼輸入字段

我已經添加了正確的行爲，其使用border-radius的風格和它幾乎是完美的，除了它是非常出問題，當涉及到應用樣式到密碼輸入字段，例如

<input name="txtPassword" type="password" id="txtPassword" />

有時它會加載該元素很好，但大多數情況下，如果我將PIE.htc行爲應用於它，則密碼字段不會呈現在我的文檔中。

如果我將控件的TextMode設置爲Text例如， type="text"然後它會正常工作，但我失去了功能後我隱藏在密碼字段中的用戶輸入。適用於該領域的風格如下：

#login-form input, a.btn-login { 
    margin-bottom: 10px; 
    width: 320px; 
    border-radius: 20px; 
    font-size: 18px; 
    position: relative; 
    behavior: url(../CMSScripts/Custom/PIE.htc); 
}

其他人遇到之前使用PIE.htc這個問題？你是如何解決它的？

來源

2014-03-26 DGibbs

好吧，所以我有一般的輸入這個問題，有時不用css3pie渲染。如果您在元素上使用相對長度，如em或百分比，則可能無效，因此請使用PX來設置輸入元素的長度。

或者可能是您的apache無法識別htc擴展名。所以它加入你htaccess文件：

AddType text/x-component .htc

或者可能是你PIE.htc的路徑是錯誤的。可以肯定，我把我的CSS文件的文件。

或者添加CSS的輸入類型的文本看起來像這種代碼輸入輸入密碼：

input[type="text"] { 
    -webkit-text-security: disc; 
/* with this code people won't be able to copy/paste the text in the input */ 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: moz-none; 
    -ms-user-select: none; 
    user-select: none; 
}

希望我救你！

來源

2014-03-26 15:57:04 Brazeredge

嗨，我使用像素值的寬度和高度的輸入元素，你可以在我的文章中看到。我沒有使用apache，而且我有正確的路徑到PIE.htc文件，因爲它對同一頁面上的其他元素正常工作。這只是不''輸入''=密碼「' – DGibbs

確定所以試試我的最後一個解決方案，而不是最好的抱歉 – Brazeredge

實際上不是一個壞主意。然而'-webkit-text-security'不是IE屬性 – DGibbs

CSS3 Pie.htc和密碼輸入字段

回答

相關問題