Question

我正在尝试创建一个新的代码框样式并经常更新外观，所以我希望它将所有脚本都置于外部，所以如果我编辑文件它将更新所有代码框而不是必须全部编辑

这是我目前的代码：

<body>
<script>
var time = new Date().getHours();
if (time < 12) {
document.body.style.backgroundColor = 'lightblue';
} else if (time < 15) {
document.body.style.backgroundColor = 'blue'
} else if (time < 18) {
    document.body.style.backgroundColor = 'darkblue'
} else {
    document.body.style.backgroundColor = 'black'
}
</script>
<center>
<link rel="stylesheet" href="code-box-css.css">
<img src="http://sd-storage.weebly.com/files/theme/thecode.png" alt="The Code">
<br>
<textarea rows="12" name="styled-textarea" id="styled">
<font size=1 face=arial color=#1E83FF>Code From <a href="http://sd-storage.weebly.com/">SD- Storage</a></font>
<!--Do Not Remove Attribution Link-->

</textarea><br>
<font face=Arial color=#1E83FF size="1"><strong>Copyright © <script>
var today = new Date()
var year = today.getFullYear()
document.write(year)
</script> SD-Storage.weebly.com Inc. - All Rights Reserved.
</body>

Answer 1

如果我理解你，你需要外部CSS文件。您已经创建了一个（code-box-css.css），但未正确放置。将其移至<head></head>标记内。

现在将类添加到要设置样式的所有textareas，例如<textarea class="taStyle">。

接下来，你有这个外部CSS（code-box-css.css），在里面添加样式到这个类：

.taStyle{background: green; color: red; font-size: 21px; }

我认为这将解决您的问题。

如何通过编辑一个（几个）文件来更改文本区域的样式

1 个答案: