Html 如何应用与输入文本字段相同的文本区域设计

html

非常简单的代码

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

我试过像这样的

border:1px纯黑

，但仍然有不同的设计

我希望它是一样的

我必须申请什么样的css

有什么好办法吗

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

嗯，很抱歉问了个不好的问题：（我想把默认的文本输入字段设计复制到

文本区域。但是这里的答案是将文本区域设计应用于文本输入字段。您想要这样的东西吗

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

---

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

小提琴：

演示：

标记：

---

脚注：坏主意

默认设计

…您指的是尺寸或其他东西？？所以您有一个苹果和一个橘子，你想让它们看起来像个柠檬…创建一个通用的css样式并应用于text和textarea通用css类，并将该类应用于textbox和textarea。参考答案+1：但你可能想提及

clear:both

到OP！！：）如果需要清除，请添加如下清除属性：-清除：左/右；

.input_box{
  border: 1px solid black;

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

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

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

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;
}