jquery - 如何将 CSS 更新为在表单中选择的值？ (jQuery)

Question

这是我想要发展的想法。我需要一个元素，比方说一个按钮。在它旁边，我会有各种输入，允许用户编辑按钮。一旦用户更改了某些内容，我需要更新按钮的预览和它的 CSS 代码。此刻我很困惑，不知道该怎么做。

我找到了这个网站:http://css3button.net/

它显示了我所需要的。我试着查看源代码，但并没有很好地理解它。所以基本上我需要一个 jQuery 解决方案来实现与示例网站相同的功能(允许用户更改样式选项、更新 css 并在用户更改值后立即预览。)

理想情况下，您能否提供一个示例和您的答案，也许是更改 div 标签颜色和边框的简单形式。

Answer 1

您几乎可以只用一个函数来完成所有这些 .css() . .attr()、.val()、.addClass()/removeClass() 也可能有用。

在这里寻找 DEMO

寻找DEMO2