在IE10内部隐藏IFrame中的眼睛图标

我有两个应用程序。第一个用作内部用户管理应用程序，开发该应用程序以供多个应用程序用作中央身份验证服务。它被放置在第二个应用程序中的IFrame中。第二个应用程序是用户在通过身份验证后登录的应用程序。我的问题是在IE10中显示密码眼睛图标。我有中央身份验证应用程序中的CSS代码来隐藏眼睛图标。在IE10内部隐藏IFrame中的眼睛图标

.input::-ms-reveal 
{ 
     display:none; 
}

当我只运行中央认证应用程序时，隐藏眼睛图标。但是，当我运行第二个应用程序时，使用IFrame中的中央身份验证应用程序，CSS似乎被覆盖并且眼睛图标可见。

有没有人遇到过这个，你的解决方案是什么？

来源

2014-06-30 user216672

取决于您如何实现IFrame。您需要确保位于该IFrame中的页面也指向同一CSS。

来源

2014-06-30 19:34:27

中央认证应用程序，其中我目前有-ms-揭示代码，有其内联的CSS。所以它应该优先于所有其他的CSS。正确？ – user216672

我不确定我是否完全理解100％。但是，主要页面和IFrame都需要我编辑上面的注释相当多的内联CSS –

。 –

这是不好的做法，但在规则中附加!important可能会抵消导致它不适用您的规则的任何内容。例如

.input::-ms-reveal 
{ 
    display:none !important; 
}

来源

2014-06-30 19:34:45 bryce

添加！重要的没有工作。 – user216672

在IE10内部隐藏IFrame中的眼睛图标

回答

相关问题