#c# #css #internet-explorer #authentication #iframe
#c# #css #internet-explorer #аутентификация #iframe
Вопрос:
У меня есть два приложения. Первое используется как внутреннее приложение для управления пользователями, которое было разработано для использования несколькими приложениями в качестве центральной службы аутентификации. Он помещается в IFrame внутри второго приложения. Второе приложение — это приложение, в которое пользователи входят после проверки подлинности. Моя проблема заключается в отображении значка глаза пароля в IE10. У меня есть код CSS в центральном приложении аутентификации, чтобы скрыть значок глаза.
.input::-ms-reveal
{
display:none;
}
Когда я запускаю только центральное приложение аутентификации, значок глаза скрыт. Однако, когда я запускаю второе приложение с центральным приложением аутентификации внутри IFrame, CSS кажется переопределенным, и значок глаза виден.
Кто-нибудь сталкивался с этим раньше и каково было ваше решение?
Ответ №1:
Зависит от того, как вы реализуете IFrame. Вам нужно убедиться, что страница, расположенная в этом IFrame, также указывает на тот же CSS.
Комментарии:
1. Центральное приложение аутентификации, в котором у меня в настоящее время есть код -ms-reveal, имеет встроенный css. Поэтому он должен иметь приоритет над всеми другими css. правильно?
2. Я не уверен, что полностью понимаю 100%. Но как для главной страницы, так и для IFrame потребуется встроенный CSS
3. Существует только один iframe. Iframe находится в главном приложении и указывает на центральное приложение аутентификации. Также я поместил CSS в файл sitemaster.css. Значок глаза все еще там.
4. Каково имя файла содержимого в IFrame?
5. Url %>» width=»515px» height=»280px» frameborder=»0″ scrolling=»нет»> Ваш браузер не поддерживает iframes.</iframe>
Ответ №2:
Это плохая практика, но добавление !important к правилу может отменить все, что заставляет его не применять ваше правило. например
.input::-ms-reveal
{
display:none !important;
}