如何在Drupal7中将CSS类添加到表单中

如何在Drupal7中将CSS类添加到表单中,drupal,ubercart,Drupal,Ubercart,我是Drupal7的新手。我正在写新的主题,我不知道如何在Drupal7中添加我的类。我安装ubercart来设置电子商务网站。我为产品大小添加了新属性。我想在产品页面中重新设计。在这个页面中,它有大小字段,但我不知道如何添加我的CSS。例如: <form action="/drupal-7.34/node/6" method="post" id="uc-product-add-to-cart-form-6" accept-charset="UTF-8"><div><

我是Drupal7的新手。我正在写新的主题,我不知道如何在Drupal7中添加我的类。我安装ubercart来设置电子商务网站。我为产品大小添加了新属性。我想在产品页面中重新设计。在这个页面中,它有大小字段,但我不知道如何添加我的CSS。例如:

<form action="/drupal-7.34/node/6" method="post" id="uc-product-add-to-cart-form-6" accept-charset="UTF-8"><div><div id="uc_product_add_to_cart_form-6-attributes" class="attributes"><div class="attribute attribute-1 odd"><div class="form-item form-type-select form-item-attributes-1">
  <label for="edit-attributes-1">Size <span class="form-required" title="This field is required.">*</span></label>
 <select id="edit-attributes-1" name="attributes[1]" class="form-select required"><option value="" selected="selected">- Select -</option><option value="1">39</option><option value="2">40</option><option value="3">41</option></select>
</div>
</div></div><input type="hidden" name="qty" value="1">
<input type="hidden" name="form_build_id" value="form-w06CKx7aNBiYShqfg8LiP98CaFLpEb8mgWzFYQWqnQ4">
<input type="hidden" name="form_token" value="JtZIrcKeIfXiVpwX43K6KqHPlZazR1klS1ht3W7PI9I">
<input type="hidden" name="form_id" value="uc_product_add_to_cart_form_6">
<div class="form-actions form-wrapper" id="edit-actions"><input class="node-add-to-cart form-submit" type="submit" id="edit-submit-6" name="op" value="Add to cart"></div></div></form>

我想将我的类添加到select元素。我该怎么做呢?

在您的主题目录中有一个名为theme\u name.info的文件。在它里面应该有或者你们可以创建一个数组来定义css文件,这个文件将包含在页面中。请查看此处的说明:

所以,您基本上必须将css文件的路径添加到该列表中,并且它将包含在每个站点页面中。您的html.php模板必须打印出包含css文件路径的样式表变量。如果您不确定如何执行,请检查drupal安装附带的一些标准drupal主题是如何执行的

在将css添加到主题信息文件后,不要忘记清除缓存

另一种方法是从page.tpl.php文件手动包含它。只需添加常见的CSS包含行,就像在普通HTML文件中一样

您甚至可以使用drupal_add_CSS函数从代码中添加CSS,但这要高级一些


您可以使用form id属性将其和css中的所有内部元素对齐。

您是在询问如何在页面中包含css,还是在包含css后向元素添加其他类?我想在页面中添加css谢谢,我知道如何创建新主题,但我想问如何为特定元素添加css。我为Product创建了一个名为Size的新属性,它在Product页面中显示如上所示。我想将CSS添加到元素选择中。我该怎么做呢?formuc-product-add-to-cart-form-6 InputIt-attributes-1{css}Drupal为每个元素提供id,所以只需像检查页面html一样,检查元素id并将其用于目标元素。但它只会更改产品6的样式。它不会影响其他产品。你能通过瞄准一些外部包装器元素来打击它吗?