在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中的眼睛圖標

回答

相關問題