小编Eti*_*ton的帖子

在 CSS 中创建 Googlelike 的输入

我必须重新创建一个input类似于 Google Material Theme 的主题。

这是我想要实现的目标:

在此处输入图片说明

我知道框架/库可以做到这一点,但这是一项家庭作业,我必须完全做到。

这是我的实际代码:

input {
  margin-top: -6px;
  margin-bottom: 30px;
  border: solid 2px #00ffb3;
  border-radius: 3px;
  height: 30px;
}

label {
  margin-left: 8px;
  font-weight: lighter;
}
Run Code Online (Sandbox Code Playgroud)
<div class="input">
  <label for="text">Message</label>
  <input class="Message" type="text">
</div>
Run Code Online (Sandbox Code Playgroud)

html css material-design

1
推荐指数
1
解决办法
61
查看次数

标签 统计

css ×1

html ×1

material-design ×1