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

由 det发布于 2020-05-24 09:32:11

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

<html>
<title>TextArea</title>
<body>
<textarea spellcheck="true"></textarea>
<p>TextArea</p>
</body>
</html>

流言蜚語

2020-05-24 09:32:11

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

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

jalias

2020-05-24 09:32:11

使用内联样式：

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

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

det

这家伙很懒，什么都没留下

积分
0
话题
0
评论
3209
注册排名
1435