資訊專欄INFORMATION COLUMN
摘要：解決不兼容的問題請輸入您的姓名
解決IE8、IE9 placeholder 不兼容的問題
html:
js:
$("[placeholder]")
.focus(function() {
var input = $(this);
if (input.val() == input.attr("placeholder")) {
input.val("");
input.removeClass("placeholder");
}
})
.blur(function() {
var input = $(this);
if (input.val() == "" || input.val() == input.attr("placeholder")) {
input.addClass("placeholder");
input.val(input.attr("placeholder"));
}
})
.blur()
.parents("form")
.submit(function() {
$(this).find("[placeholder]").each(function() {
var input = $(this);
if (input.val() == input.attr("placeholder")) {
input.val("");
}
});
});
css:
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #666;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #666;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #666;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #666;
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/50799.html
摘要：因?yàn)閲鴥?nèi)瀏覽器瀏覽器等更新較快，所以不考慮支持某個(gè)與否，因?yàn)橐话愣贾С帧?.因?yàn)閲鴥?nèi)360瀏覽器、QQ瀏覽器等更新較快，所以不考慮Chrome支持某個(gè)css與否，因?yàn)橐话愣贾С帧?2.因?yàn)榛鸷仁褂玫娜溯^少，且更新較快，所以不考慮支持與否，因?yàn)橐话愣贾С?3.主要就是匯總css中一些常用的東西，在ie幾個(gè)版本的支持情況，如下 ---------------------------------...
摘要：一什么是瀏覽器兼容問題所謂的瀏覽器兼容性問題，是指因?yàn)椴煌臑g覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。條件注釋最初于微軟的瀏覽器中出現(xiàn)，并且直至均支持。 一、什么是瀏覽器兼容問題 所謂的瀏覽器兼容性問題，是指因?yàn)椴煌臑g覽器對同一段代碼有不同的解析，造成頁面顯示效果不統(tǒng)一的情況。在大多數(shù)情況下，我們的需求是，無論用戶用什么瀏覽器來查看我們的網(wǎng)站或者登陸我們的系統(tǒng)，都...
input標(biāo)簽placeholder 1.input里面的placeholder屬性，在pc端用的特別好，但是萬惡的ie8,placeholder竟然不支持。于是找到一種方法解決在ie8中placeholder無效的事 $(function() { // 如果不支持placeholder，用jQuery來完成 if(!isSupportPlaceholder()) { ...
閱讀 3214·2021-11-11 16:54
閱讀 2377·2021-09-04 16:48
閱讀 3304·2019-08-29 16:08
閱讀 707·2019-08-29 15:13
閱讀 1436·2019-08-29 15:09
閱讀 2730·2019-08-29 12:45
閱讀 1992·2019-08-29 12:12
閱讀 512·2019-08-26 18:27
