caret-color-box-shadow

by li yanlong

HTML

<input class="form-control" placeholder="please input your text" />

CSS

input {
  padding: 10px;
  font-size: 14px;
}
.form-control {
    color: #05d380; /* 光标颜色 */
    text-shadow: 0 0 0 #ddd; /* 文本颜色 */
    -webkit-text-fill-color: transparent;
}

.form-control::-webkit-input-placeholder{ 
    color: #ddd; /* 改变placeholder文本颜色 */ 
    text-shadow: none; 
    -webkit-text-fill-color: initial;
}