网页开发各项技巧

&:-webkit-autofill {

-webkit-box-shadow: 0 0 0 30px black inset;

-webkit-text-fill-color: #eec452;

}

在input后面加这个，可以盖掉自动完成（记忆帐号密码）的样式

 

&::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
&::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
&:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
&:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}
&:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px black inset;
  -webkit-text-fill-color: #fff;
}

这段可以连同placeholder一同变色，加在input里

CSS解决英文不会断行的问题

word-wrap: break-word;

 

<span>不能包住<a>不然网页会整个挂掉