时间戳

首页 > 解决方案 > 增加宽度并将占位符添加到垫输入（角度〜5）

html - 增加宽度并将占位符添加到垫输入（角度〜5）

问题描述

我正在使用垫输入（代码如下）：它看起来/看起来像这样（下面的屏幕截图） - 添加一个占位符，一旦用户开始输入就会消失。目前在我的实现中，文本向上移动并浮动（一旦焦点在输入框）和文本继续出现在 UI 上。

有人可以帮助我实现我想要的吗？

标签： htmlcssangularangular-material

解决方案

使用padding，您无需更改height输入的 。要更改占位符的颜色，请使用::placeholder. 增加font-size也会增加输入的高度。

input {
  padding: 8px;
  font-size: 18px;
  border: 1px solid #efefef;
  border-radius: 3px;
}

input::placeholder {
  color: lightgray;
}
<input placeholder="Example Input" />

推荐阅读