input 文字和placeholder字体大小不一样placeholder不垂直居中的问题

试过给input 设置 line-height: normal;然而并没用

最后找到给placeholder做定位搞定

input {
    font-family: DINAlternate-Bold, DINAlternate;
    margin-left 12px
    font-size: 40px;
    font-weight: bold;
    color: #333333;
    width 270px
}
input::-webkit-input-placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #CCCCCC;
    line-height 35px
    position: relative;
    top:-10px;
}
input::-moz-input-placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #CCCCCC;
    position: relative;
    top:-10px;
}
input::-ms-input-placeholder {
    font-size: 18px;
    font-weight: 400;
    color: #CCCCCC;
    position: relative;
    top:-10px;
}
复制代码
© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享