1兼雄、用了V-show 刷新的一瞬間可以看到隱藏的那個(gè)字怎么辦?
<style>
[v-cloak] {
display: none; }
</style>
<div id="app" v-cloak></div>
v-cloak這個(gè)指令讓元素直到關(guān)聯(lián)實(shí)例結(jié)束才開(kāi)始編譯种呐。和 CSS 里面 [v-cloak] { display: none } 一起用時(shí),這個(gè)指令可以隱藏未編譯的 Mustache 標(biāo)簽直到實(shí)例準(zhǔn)備完畢
2、 修改input竟稳、textarea標(biāo)簽placeholder屬性默認(rèn)文字顏色
input::-webkit-input-placeholder {
/* WebKit browsers */
color: #fff;
}
input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff;
}
input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff;
}
input:-ms-input-placeholder {
/* Internet Explorer 10+ */
color: #fff;
}
3、input img等不支持 ::after ::befor 等
4裹粤、chrome瀏覽器選擇記住密碼后邑贴,如何避免對(duì)所有input標(biāo)簽進(jìn)行自動(dòng)填充,chrome表單自動(dòng)填充后铃在,input文本框的背景會(huì)變成偏黃色的阵具,想必大家都會(huì)碰到這種情況吧,這是由于chrome會(huì)默認(rèn)給自動(dòng)填充的input表單加上input:-webkit-autofill私有屬性造成的定铜,解決方法如下
在樣式中加入:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #bddaf0 inset !important;
}
自動(dòng)填充內(nèi)容解決方法:
在不想對(duì)其自動(dòng)填充的input元素之上再添加一個(gè)display為none的input元素
<input type="password" style="display:none">
然后為input加一個(gè)autocomplete="off"的屬性阳液,此屬性是 HTML5 的新屬性,自動(dòng)完成允許瀏覽器預(yù)測(cè)對(duì)字段的輸入揣炕,但是只只用于text, search, url, telephone, email, password, datepickers, range 以及 color類型的<input>和<form>帘皿,所以如果我們需要一個(gè)密碼框,需要給input設(shè)置一個(gè)onfocus="this.type='password'"
1 <input type="text" class="demo" id="demo" style="display: none";>
2 <input type="text" class="demo" id="demo" placeholder="請(qǐng)輸入密碼" autocomplete="off" onfocus="this.type='password'">
5畸陡、input框 placehold 提示語(yǔ) 在mac 電腦上 不居中問(wèn)題:
如果給input 設(shè)置了高度鹰溜,記住,一定要設(shè)置一個(gè)lin-hight:如果 不設(shè)置在windows系統(tǒng)的電腦是居中的丁恭,但是在mac上就不居中了(偏上)