css-input输入框自动填入背景透明 - 一路繁花似锦绣前程

时间:2024-03-04 13:56:48

一、输入框自动填入背景透明

input {
  /*背景透明*/
  background-color: transparent;
  /*去边框*/
  border: 0;
  /*去外边框*/
  outline: none;
  /*文本颜色*/
  color: white;
}

input:-webkit-autofill {
  /*自动填入文本颜色*/
  -webkit-text-fill-color: #ffffff !important;
  /*自动填入光标颜色*/
  caret-color: white;
  /*背景透明;原理:动画由透明变有背景色;参数:背景色属性、动画时间、动画速度曲线、延迟时间*/
  transition: background-color 0s linear 3600s;
}

 

posted on 2020-12-10 10:56  一路繁花似锦绣前程  阅读(907)  评论(0编辑  收藏  举报