html选择标记以应用css

我想从html <select>标记中选择选项后应用css文件。html选择标记以应用css

我试图使用这些链接到现有的css文件。

<link rel="stylesheet" href="first.css" /> 
<link rel="stylesheet" href="second.css" />

如何在<select>中使用它们？

<select name="choose-an-option"> 
     <option value="first"> 
          <!--use first.css here--> 
     </option> 
     <option value="second"> 
          <!--use second.css here--> 
     </option> 
    </select>

来源

2012-04-06 Lgn

请看这里http://stackoverflow.com/questions/3090867/how-to-apply-different-样式到选择选项标签在HTML中 – yAnTar 2012-04-06 17:48:09

你将需要使用JavaScript来做到这一点。 – 2012-04-06 17:48:51

@yAnTar我的目标不是造型的选择，我要选择不同的CSS文件，并从下拉菜单中 – Lgn 2012-04-06 17:51:57

你可能想看看this

来源

2012-04-06 17:59:12 pollirrata

试试这个：

$("#choose-an-option").change(function() { 
    $("link").attr("href", this.value + ".css"); 
)};

来源

2012-04-06 19:01:46 undefined

html选择标记以应用css

回答

相关问题