有没有没有多余的CSS文件就可以全屏显示Textarea的方法?

我要使TextArea全屏显示,而没有附加CSS文件,也没有删除文本吗?

<html>
<title>TextArea</title>
<body>
<textarea spellcheck="true"></textarea>
<p>TextArea</p>
</body>
</html>
评论
  • 流言蜚語
    流言蜚語 回复

    <html>
       <title>TextArea</title>
       <body>
          <textarea spellcheck="true" style="width: 100%;
             height: 100vh;"></textarea>
          <p>TextArea</p>
       </body>
    </html>

    如果不想创建单独的CSS样式表,则可以添加内联样式。

  • jalias
    jalias 回复

    使用内联样式:

    <html>
    
    <head>
      <title>Fullscreen Textarea</title>
    
      <body style="width:100px; height:100px;">
        <textarea style="width: 100%; height:100%;"></textarea>
      </body>
    
    </html>

    Or, use a <style> tag:

    <html>
    
    <head>
      <title>Fullscreen textarea</title>
    </head>
    
    <body>
      <textarea id="textarea"></textarea>
    </body>
    <style>
      body {
        width: 100px;
        height: 100px;
      }
      
      #textarea {
        width: 100%;
        height: 100%;
      }
    </style>
    
    </html>

    两者具有相同的效果,但是最佳实践是尽可能不要使用内联样式。