Javascript CSS3 Pie.htc和密码输入字段
我试图使用,以便在IE8中添加对边界半径的支持 我已经为使用边框半径的样式添加了正确的行为,它几乎是完美的,只是在将样式应用于密码输入字段时非常容易出错,例如Javascript CSS3 Pie.htc和密码输入字段,javascript,html,css,internet-explorer-8,css3pie,Javascript,Html,Css,Internet Explorer 8,Css3pie,我试图使用,以便在IE8中添加对边界半径的支持 我已经为使用边框半径的样式添加了正确的行为,它几乎是完美的,只是在将样式应用于密码输入字段时非常容易出错,例如 <input name="txtPassword" type="password" id="txtPassword" /> 以前有人使用PIE.htc遇到过这个问题吗?您是如何解决的?好的,所以一般来说,我在输入时遇到了这个问题,有时不使用css3pie进行渲染。 如果在元素上使用相对长度(如em或percentage),则
<input name="txtPassword" type="password" id="txtPassword" />
以前有人使用PIE.htc遇到过这个问题吗?您是如何解决的?好的,所以一般来说,我在输入时遇到了这个问题,有时不使用css3pie进行渲染。 如果在元素上使用相对长度(如em或percentage),则它可能不起作用, 所以使用PX来设置输入元素的长度 或者可能是您的apache不识别htc扩展。 因此,请将其添加到htaccess文件中:
AddType text/x-component .htc
或者可能是你的馅饼路径。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;
}
希望我能救你 您好,我使用像素值作为输入元素的宽度和高度,正如您在我的帖子中看到的。我没有使用apache,并且我有到PIE.htc文件的正确路径,因为它可以很好地用于同一页面上的其他元素。它只是不使用type=password呈现输入事实上这不是个坏主意。然而-webkit文本安全性不是IE的属性。我一直在寻找IE是否存在它。但我认为你的问题不是饼问题,它可能在你自己的代码中。事实上,我用IE8测试了一个输入型密码,它使用PIE.htc可以正常工作。最好的方法是在输入文本上模拟输入密码。使用javascript当然……就像我说的。它有时会呈现密码字段,有时则不会。因此,虽然它确实有效,但并不完全可靠。这很奇怪。
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;
}