скрыть значок в IE10 внутри IFrame

Question

У меня есть два приложения. Первый используется как внутреннее приложение для управления пользователями, которое было разработано для использования несколькими приложениями в качестве центральной службы аутентификации. Он помещается в IFrame внутри второго приложения. Второе приложение - пользователи приложения регистрируются после того, как они прошли проверку подлинности. Моя проблема - значок значка пароля в IE10. У меня есть код CSS в центральном приложении аутентификации, чтобы скрыть значок глаза.

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

Когда я запускаю только центральное приложение аутентификации, значок глаза скрыт. Однако, когда я запускаю второе приложение, с центральным приложением проверки подлинности внутри IFrame, CSS, кажется, переопределен, и значок глаза виден.

Кто-нибудь сталкивался с этим раньше и каково было ваше решение?

Answer 1

Зависит от того, как вы используете IFrame. Вы должны убедиться, что страница, расположенная в этом IFrame, также указывает на тот же CSS.

Answer 2

Это плохая практика, но добавление !important к правилу может отменить все, что заставляет его не применять ваше правило. например

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