Question

我的文字有一个转换颜色，所以当我点击输入框时，颜色会改变.5秒。问题是，一旦我开始输入，相同的过渡重叠我的文本，所以占位符文本（在这种情况下：名称:)也停留.5秒，所以2行文本在彼此的顶部5 。占位符文本消失前的秒数。有人知道这个问题吗？我的输入中的一个看起来像这样

<div class="form-group inner-addon left-addon">
     <label for="name"></label>
     <input type="text" class="form-control custom komigang name" id="name" placeholder="Dit navn" aria-describedby="sizing-addon1" />
                        </div>

and my css for this looks like this 

.komigang::-webkit-input-placeholder {
    color: #747c83;
    transition: .5s;
}
.komigang:focus::-webkit-input-placeholder {
    color: #b7b7b7;
    transition: .5s;
}

我认为我可以使用此案例的解决方案：Remove input placeholder using jquery虽然我正在寻找更具体的解决方案。谢谢你们

Answer 1

您希望仅将转换应用于颜色属性 - 将其用于转换：transition: .5s color;。此外，您只需要第一次转换 - 您可以删除第二次转换。

<强> Demo

输入占位符转换在键入开始时不会立即删除文本

1 个答案: