根据下拉选择创建css文件

Question

我使用以下网站作为参考。

http://www.css3maker.com/

我想根据asp.net中的下拉选择更改创建css文件。

从下拉列表中选择Html标记，然后显示输出并基于该创建css文件。

Answer 1

确定。实现起来非常容易。您可以使用jQuery库：

HTML：

 <select id="chooser">
     <option>50</option>
     <option>100</option>
     <option>150</option>
 </select>
 <div id="theDiv"></div>

JS：

 $('#chooser').change( function() {
   $('#theDiv').css('width', $('#chooser').val() + 'px');
 });

CSS：

 #theDiv
 {
     background-color: #187236;
     height:50px;
     width: 50px;
 }

jsfiddle上的工作示例。

但要制作功能齐全的页面，你必须做更多的事情。只需使用开发人员工具打开css3maker（在大多数浏览器中都是F12按钮）并进行搜索以了解它是如何制作的。