Question

好的，所以我想把它变得更大：

Post: <input id="postbox" type="text" rows="6" cols="40" name="post" />

但它不是在阅读行和列。

这是我的css：

body{
    text-align: center;
    background-color: #000000;
}

h2{
    color: #0088AA;
    padding: 0px;
    margin: 0px;
}

#wrap{
    margin: auto;
    margin-top: -10px;
    margin-bottom: -10px;
    background-color: transparent !important;
    width: 700px;
    height: 100%;
    padding: 0px;
    text-align: left;
}

#postbox{
    background-color: #444444;
    border: 2px solid #777777;
    color: #ffffff;
}

.post{
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: #000044;
    border: 2px solid #443300;
    width: 100%;
    text-align: left;
    color: #007799;
}

Answer 1

可能您需要textarea而不是input

试试这个

<textarea id="postbox"  rows="6" cols="40" name="post"></textarea>

Answer 2

首先，我无法看到您实际在哪里更改CSS中input元素的width属性。

以下CSS代码是对所有输入元素的直接引用，其id = postbox和type =“text”。

input#postbox[type="text"]{
width: 400px;
}

点击此链接，查看其中的http://jsfiddle.net/sGpAf/

修改这当然是如果你不想使用单行文本框..如果你想使用多行我强烈建议使用textarea：）

Answer 3

如果您不想要textarea（我的意思是将文字保留在一行），您可以使用width和height属性：

<input type='text' style='width:120px;height:50px;' />

Answer 4

你可以像这样定义sapretly输入标签选择器css

**css**   
 input[type="text"]{
width:200px;
    height:30px;
}


**html**

<input id="postbox" type="text" name="post" />

现在check to

http://jsfiddle.net/PFmU2/2/

Answer 5

你可能有类型=＆＃34;搜索＆＃34;，它不允许在某些浏览器中更改高度。

尝试将其更改为键入=＆＃34; text＆＃34;或者完全删除type属性。

<input type="search">
<!-- remove type attribute so it becomes -->
<input>

jsfiddle：http://jsfiddle.net/pby6u94k/

为什么我不能改变html帖子文本输入的大小？

5 个答案: