如何在drupal 7中将我的CSS类添加到表单中

时间:2015-03-28 13:01:30

标签: drupal ubercart

我在drupal 7中的新手。我正在编写新的主题,我不知道如何在drupal 7中添加我的课程。我安装ubercart来设置电子商务网站。我添加了产品的新属性(大小)。我想在产品页面重新设计。在这个页面中,它有大小字段,但我不知道如何添加我的CSS。 E.g:

<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元素中。我怎么能这样做?

1 个答案:

答案 0 :(得分:0)

在您的主题目录中有一个名为theme_name.info的文件。在它内部应该(或者你可以创建它)定义css文件的数组,它将包含在页面上。在这里查看解释:

https://www.drupal.org/node/171205

https://www.drupal.org/node/171209

因此,您基本上必须将css文件的路径添加到该列表中,并且它将包含在每个网站页面上。你的html.php模板必须打印出样式表变量(它将包含css文件的路径)。如果您不确定该怎么做,请检查它是如何在drupal安装附带的标准drupal主题上完成的。

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

其他方式是从page.tpl.php文件手动包含它。只需添加常见的CSS include行,就像在纯HTML文件中那样。

你甚至可以使用drupal_add_css()函数从代码中添加CSS,但这有点高级。

你可以使用表单id属性来“瞄准”它和所有内部元素与css。