1、用了V-show 刷新的一瞬间可以看到隐藏的那个字怎么办?
<style>
[v-cloak] {
display: none; }
</style>
<div id="app" v-cloak></div>
v-cloak这个指令让元素直到关联实例结束才开始编译。和 CSS 里面 [v-cloak] { display: none } 一起用时,这个指令可以隐藏未编译的 Mustache 标签直到实例准备完毕
2、 修改input、textarea标签placeholder属性默认文字颜色
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浏览器选择记住密码后,如何避免对所有input标签进行自动填充,chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,解决方法如下
在样式中加入:
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #bddaf0 inset !important;
}
自动填充内容解决方法:
在不想对其自动填充的input元素之上再添加一个display为none的input元素
<input type="password" style="display:none">
然后为input加一个autocomplete="off"的属性,此属性是 HTML5 的新属性,自动完成允许浏览器预测对字段的输入,但是只只用于text, search, url, telephone, email, password, datepickers, range 以及 color类型的<input>和<form>,所以如果我们需要一个密码框,需要给input设置一个onfocus="this.type='password'"
1 <input type="text" class="demo" id="demo" style="display: none";>
2 <input type="text" class="demo" id="demo" placeholder="请输入密码" autocomplete="off" onfocus="this.type='password'">
5、input框 placehold 提示语 在mac 电脑上 不居中问题:
如果给input 设置了高度,记住,一定要设置一个lin-hight:如果 不设置在windows系统的电脑是居中的,但是在mac上就不居中了(偏上)