CSS3 Pie.htc 和密码输入字段

Question

我正在尝试使用css3pie 以在 IE8 中添加对边框半径的支持。

我已经为使用 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 遇到过这个问题吗？你是怎么解决的？

Answer 1

好的，所以我通常在输入方面遇到这个问题，有时无法使用 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;
}

希望我能救你！