0
入力テキストボックスの高さを指定し、プレースホルダとテキストの垂直方向の中間を調整したいとします。私はそのプレースホルダにもCSSプロパティを与えました。それに何かが欠けていますか？前もって感謝します。プレースホルダとテキストの位置が入力テキストボックス内で垂直方向の中央に来ない
.input-lg {
height: 30px;
font-size: 14px;
vertical-align: middle !important;
line-height: 1.9 !important;
}
.form-control {
border: 1px solid #c2c2c2;
border-radius: 1px;
height: 24px;
font-size: 12px;
color: #656466;
background: #ffffff;
padding: 0 7px;
display: block;
width: 100%;
}
.form-control::-webkit-input-placeholder {
color: #c9c9c9;
font-size: 11px !important;
}
.form-control:-moz-placeholder {
color: #c9c9c9;
font-size: 11px !important;
}
.form-control::-moz-placeholder {
color: #c9c9c9;
font-size: 11px !important;
}
.form-control:-ms-input-placeholder {
color: #c9c9c9;
font-size: 11px !important;
}
.input-lg::-webkit-input-placeholder {
vertical-align: middle !important;
line-height: normal !important;
opacity:1;
}
.input-lg:-moz-placeholder {
vertical-align: middle !important;
line-height: normal !important;
opacity:1;
}
.input-lg::-moz-placeholder {
vertical-align: middle !important;
line-height: normal !important;
opacity:1;
}
.input-lg:-ms-input-placeholder {
vertical-align: middle !important;
line-height: normal !important;
opacity:1;
}<input class="form-control input-lg" type="text" placeholder="Hint Text">
に
padding: 0 7px 2px;を追加しましたか？私にはうまく見えます。 – Paran0a@ Paran0a Chrome – sanjay
再生できません。 –