textarea 的默认 CSS 是什么？答案

【问题标题】：What is the default CSS of a textarea?textarea 的默认 CSS 是什么？
【发布时间】：2021-10-05 14:59:54
【问题描述】：

我正在尝试将有序列表放在 textarea 旁边，使其具有行号，但我似乎无法使 textarea 和有序列表对齐。我不知道可以在有序列表中使用的 textarea 的默认 CSS，在哪里可以找到 textarea 的默认 CSS？

【问题讨论】：

当我尝试将样式记录到控制台以查看默认属性时，它会向它们显示对象中列出的所有可能属性，每个属性的值都是空字符串

标签： html css textarea default

【解决方案1】：

您可以从浏览器开发者控制台检查默认值。当你点击一个 HTML 标签时，它会显示所有应用的 CSS 到你选择的元素。

您也可以使用此链接。它具有所有元素和默认样式。

Click

例如，textarea 没有默认样式。

您提到将元素登录到控制台并且所有值似乎都是空字符串。这是因为textarea 没有默认样式。

【讨论】：

当文本区域有不同的字体时，它如何没有默认样式？有没有办法让有序列表适合与 textarea 相同的样式？
我认为textarea 不适用字体。如果你想在 textarea 中继承你的字体，你可以在 textarea 样式上使用font-family: inherit。

【解决方案2】：

对于这种特定情况，如果您希望 textarea 与某些内容（例如线条）匹配，则必须手动设置 textarea 的样式以及要与之匹配的内容的样式。如果您喜欢每个字符宽度相同的字体的 textarea，那么 consolas 字体是一个很好的字体。

CSS：

#objtextdiv{
  background-color:#eecccc44;
  position:relative;
  top:0;
  padding:0 0 0 30px;
  left:0%;
  height:100%;
}
#objtext{
  font-family:"Lucida Console",Monoco,monospace;
  font-size:14px;
  position:relative;
  top:0;
  left:0;
  width:100%;
  height:99%;
  background-color:#eeeeee44;
  resize:horizontal;
  outline:none;
  border:none;
}
#linenumbersdiv{
  font-family:"Lucida Console",Monoco,monospace;
  position: absolute;
  top:0;
  left:0;
  width:40px;
  height:100%;
  background-color:lime;
  margin-left:-10px;
  padding:0px;
  margin-top:0;
  margin-bottom:0;
  padding-left:0;
  overflow-y:hidden;
  overflow-x:hidden;
}
#linenumberslist{
  font-size:14px;
  display:block;
  margin-top:5px;
  margin-bottom:0;
  margin-left:10px;
  margin-right:0;
}

HTML：

<div id="linenumbersdiv">
      <ol id="linenumberslist">
        <li id="theone">what</li>
        <!--li>ahh</li>
        <li>AHHHH</li-->
      </ol>
    </div>
    <div id="objtextdiv">
    <textarea id="objtext">
etc etc etc
    </textarea>
    </div>

【讨论】：