asp.net - 根据下拉选择创建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 按钮），然后进行搜索以了解它是如何制作的。