Question

给定一个包含各种规则的样式表，其中一些用于超链接，我想呈现每个规则（仅包含“a”标签的规则）以及“color”的当前值，以允许最终用户点击colorpicker小部件并更改颜色。使用带有PHP的jQuery Ajax将更新后的颜色保存回样式表。

例如，样式表可能包含以下内容......

  body {some rules here}
  .header {more rules}
  .menu a {color:#800000; text-decoration:none;}
  .sidebar a {color:red;}
  .footer a, .content a {color:#fff}

因此，我想向最终用户提供一个字段集，其中列出每个“a”规则以及显示其“颜色”值的当前值的输入框。单击时，颜色值将打开一个小的colorpicker小部件（同样是jQuery），它将被预设为反映当前值并允许用户选择新值。选择后，该值将通过jQuery ajax调用写回样式表。

Link Colors:

  Menu Color: #800000 [edit]
  Sidebar Color: #ff0000 [edit]
  Footer Color: #ffffff [edit]
  Content Color: #ffffff [edit]

如果[edit]按钮打开一个颜色选择器以更改该类别分配的颜色并打开颜色选择器上的“应用”，则将更新后的值写入样式表...

Answer 1

可能会感兴趣

This project

Answer 2

我意识到这是一个老帖子，但是如果你想根据一组规则处理样式，你可能希望查看并将样式保存在表格中并使用动态CSS（将其作为PHP处理）。可以将所有内容封装在一个类中，以使其保持相当干净。

布雷克

用于链接颜色的GUI CSS解析器/编辑器

2 个答案: