Question

HTML，

<input type="text"/>
<textarea></textarea>

http://jsfiddle.net/kAWDd/

非常简单的代码

如果我打印，这两个有不同的默认设计。

我试过这样的border:1px solid black，但它仍有不同的设计

我希望它是一样的。

我必须申请什么样的CSS？

有什么好的解决方案吗？

=============

对不起的问题抱歉:(我想将默认文本输入字段设计复制到

文字区域。但这里的答案是将textarea设计应用于文本输入字段

Answer 1

这是解决方案，不要担心：）

小提琴：http://jsfiddle.net/nikhilvkd/kAWDd/11/

input[type=text],textarea{
    border:solid 1px #000;
    padding:10px;
    background:#adcff5;
    width:200px;
    height:30px;
    float:left;
    margin:0 10px;
}

Answer 2

演示：http://jsfiddle.net/abhitalks/kAWDd/10/

标记：

<input type="text"/>
<textarea rows="1"></textarea>

CSS ：

input, textarea {
    height: 24px; width: 64px;
    line-height: 24px;
    border: 1px solid black;
    display: inline-block;
    margin: 0; padding: 0;
    vertical-align: middle;
    resize: none;
}

脚注：糟糕的主意！

Answer 3

See this updated fiddle ..你想要这样的东西??

.input_box{
  border: 1px solid black;

}
textarea{
  resize: none;
  height: 16px;
}

我如何应用textarea设计与输入文本字段相同

3 个答案: