如何为一个变量应用样式

时间:2013-04-19 06:23:06

标签: css variables

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

2 个答案:

答案 0 :(得分:0)

如果要使用java脚本设置文本框(HTML - 输入类型 - 文本)的CSS样式 试试这个

<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样式替换为您的实际样式。

答案 1 :(得分:0)

您无法设置变量的样式。

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

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

如果您想设置一个特定的文本框,请为其指定一个类:

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

并将其设为:

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