textarea 的默认 CSS 是多少？

Question

我试图让一个有序列表放在文本区域的旁边，这样它就有行号，但我似乎无法让文本区域和有序列表对齐。我不知道我可以在有序列表上使用的文本区域的默认 CSS，我在哪里可以找到文本区域的默认 CSS？

Answer 1

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

你也可以使用这个link。它具有所有元素和默认样式。

Click

例如，textarea 没有默认样式。

您提到将您的元素注销到控制台，所有值似乎都是空字符串。这是因为 textarea 没有默认样式。

Answer 2

对于这种特定情况，如果您希望文本区域与某些东西（例如线条）相匹配，则必须手动设置文本区域的样式以及要与之匹配的对象的样式。如果您喜欢每个字符宽度相同的字体的文本区域，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>

textarea 的默认 CSS 是多少？

What is the default CSS of a textarea?

html

css

textarea

default