IE 8 瀏覽器 placeholder 兼容性處理

Chiclaim 發布于2019-08-02 15:10 / 3120人閱讀

摘要：經過不斷的嘗試和參考別的產品在下兼容處理。我整理下，具體見下兼容處理通過處理時和時來控制文本的顯示和隱藏。其中關鍵的時和。在父子元素中生效，需要在父級元素設置手機號郵箱密碼希望能夠對大家有幫助。

寫在前面

由于公司的產品需要兼容 IE8 瀏覽器，在做登陸時，發現一個問題，placeholder 在input = text 情況下，顯示還算正常，但在 input = password 就變成了兩個點，百度，gg很多，有的是通過lable 模擬，另外還有通過定位模擬，發現都不能很好地解決password 為點的問題。經過不斷的嘗試和參考別的產品在 IE 8 下兼容處理。我整理下，具體見下：

兼容處理

通過處理input focus時和 blur 時來控制文本的顯示和隱藏。其中關鍵的時 input {background: none;} 和 z-index。
z-index 在父子元素中生效，需要在父級元素設置 position: relative

希望能夠對大家有幫助。

云服務器 GPU云服務器怎么讓IE瀏覽器兼容webrtc ie6兼容性 ie8兼容性 ie兼容

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/53949.html

IE 8 瀏覽器 placeholder 兼容性處理

摘要：經過不斷的嘗試和參考別的產品在下兼容處理。我整理下，具體見下兼容處理通過處理時和時來控制文本的顯示和隱藏。其中關鍵的時和。在父子元素中生效，需要在父級元素設置手機號郵箱密碼希望能夠對大家有幫助。寫在前面由于公司的產品需要兼容 IE8 瀏覽器，在做登陸時，發現一個問題，placeholder 在input = text 情況下，顯示還算正常，但在 input = password 就...

vboy1010 2019-08-26 13:58 評論0 收藏0
IE 8 瀏覽器 placeholder 兼容性處理

摘要：經過不斷的嘗試和參考別的產品在下兼容處理。我整理下，具體見下兼容處理通過處理時和時來控制文本的顯示和隱藏。其中關鍵的時和。在父子元素中生效，需要在父級元素設置手機號郵箱密碼希望能夠對大家有幫助。寫在前面由于公司的產品需要兼容 IE8 瀏覽器，在做登陸時，發現一個問題，placeholder 在input = text 情況下，顯示還算正常，但在 input = password 就...

zqhxuyuan 2019-08-30 11:00 評論0 收藏0
placeholder的兼容處理

摘要：方法一效果預覽思路是，首先判斷瀏覽器是否支持屬性，如果不支持的話，就遍歷所有輸入框，獲取屬性的值填充進輸入框作為提示信息，同時字體設置成灰色。 placeholder是HTML5的屬性之一，在不同的瀏覽器( 支持HTML5的現代瀏覽器 )中會有略微不同的顯示效果：在Chrome( v31.0.1650.63 m)、Firefox( v21.0 )、360安全( v6.3 極速模式 )...

beita 2019-08-20 15:41 評論0 收藏0
ie8兼容問題

input標簽placeholder 1.input里面的placeholder屬性，在pc端用的特別好，但是萬惡的ie8,placeholder竟然不支持。于是找到一種方法解決在ie8中placeholder無效的事 $(function() { // 如果不支持placeholder，用jQuery來完成 if(!isSupportPlaceholder()) { ...

Worktile 2019-08-02 11:57 評論0 收藏0