文字输入 - 文字出现在中间?

时间:2014-05-05 22:37:12

标签: html css html5 text input

所以它非常简单,但我无法找到答案。我的文本字段上的文字出现在中间,我希望它像往常一样出现在左上角。

这是CSS

.DivMessage {
        position: inherit;
        top: 460px;
        left: 290px;
        font-family: times, serif;
        font-size: 14px;
        border-bottom-right-radius: 20px;
        background-color: #cce4ff;
        width: 645px;
        height: 115px;
    }

而Html只是

<input class="DivMessage" type="text">

1 个答案:

答案 0 :(得分:0)

好像你应该在这里使用textarea而不是输入,但是,如果由于某种原因我错了你需要使用input,你会想要失去高度并添加一些填充以使文本与顶部对齐:

.DivMessage {
    position: inherit;
    top: 460px;
    left: 290px;
    font-family: times, serif;
    font-size: 14px;
    border-bottom-right-radius: 20px;
    background-color: #cce4ff;
    width: 645px;
    padding: 0 0 115px;
}

http://jsfiddle.net/phJNn/

注意我是如何移除height并将其替换为底部的115px填充。