css - 如何为一个变量应用样式

Question

我有一个变量 var 结果，在这个变量中我存储了一个文本框值，我想为该变量应用样式。如何为变量应用样式。请帮助我。

Answer 1

如果你想使用 java 脚本设置文本框的 CSS 样式（HTML - 输入类型 - 文本）
试试这个

<script type="text/javascript">
    function changeStyle() {
       var cssString = "css style";
       document.getElementById("my_Element_id").style.cssText = cssString;
    }
</script>

<input type="text" id="my_Element_id" />
<input type="button" value="Change" onlclick="changeStyle()" />

将 css 样式替换为您的实际样式。

Answer 2

您不能设置变量的样式。

要设置所有文本框的样式，您可以编写如下内容：

input[type="text"] {
  color: red;
}

如果您想为一个特定的文本框设置样式，请给它一个类，例如：

<input type="text" class="my-custom-class" />

并使用以下样式对其进行样式设置：

input.my-custom-class {
  color: red;
}