css 常用的样式

/*input 输入框 Goole在自动填充时,背景颜色问题*/
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition-delay: 99999s;
transition: color 99999s ease-out, background-color 99999s ease-out;
-webkit-transition-delay: 99999s;
-webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
-webkit-text-fill-color: #807c7c;
}
/*border渐变*/
border-bottom: 1px solid;
border-image: -webkit-linear-gradient(to right, #263bb6, #bd3ed9) 1 10;
border-image: -moz-linear-gradient(to right, #263bb6, #bd3ed9) 1 10;
border-image: linear-gradient(to right, #263bb6, #bd3ed9) 1 10;
/*background: 渐变*/
background: linear-gradient(to right, #6880f4, #6846e2);
/*placeholder字体颜色大小*/
::-webkit-input-placeholder { /* WebKit browsers */
color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999;
}
/*强制换行*/
word-wrap: break-word;
word-break: normal;

posted @ 2020-04-23 16:11  土拨鼠1024  阅读(148)  评论(0)    收藏  举报