输入占位符垂直对齐

拉兹万·库库(Razvan Cuceu)

如何在输入字段中正确地垂直放置占位符?

input[type='text']{
  background-color: rgba(255,255,255,.4);
  border:3px solid rgba(0,0,0,.5);
  min-height: 45px;
  border-radius: 6px;
  color:#fff;
}
input[type='text']::-webkit-input-placeholder {
  font-size: 30px;
  color: rgba(255, 255, 255, 0.4);
  line-height: 30px;
  text-transform: uppercase;
  vertical-align: middle;
}

这是代码https://jsfiddle.net/u6qfwg3w/

泰塔·科拉奇(Teuta Koraqi)

您忘记将此添加cssinput元素:

input[type='text']{
 font-size: 30px;
 color: rgba(255, 255, 255, 0.4);
 line-height: 30px;
}

这是小提琴:小提琴链接

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章