共有 2 篇文章
📅 最近更新
Placeholder
2022-10-11
- 2024-09-18
input输入框占位符变化：输入框处于聚焦状态时，输入框的占位符内容以动画形式移动到左上角作为标题
1<div class="input-box">
2 <input class="input-control input-outline" placeholder="账号">
3 <label class="input-label">账号</label>
4</div>
首先：让浏览器默认的placeholder效果不可见
1.input-control:placeholder-shown::placeholder {
2 color: transparent;
3}
其次：使用.input-label元素代替浏览器原声的占位符