有没有没有多余的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>

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

点赞
评论