如何将我的CSS类添加到drupal7中的表单中



我是drupal 7的新手。我正在写新的主题,我不知道如何在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_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包含行,就像在纯HTML文件中一样。

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

您可以使用form-id属性来"瞄准"它和所有带有css的内部元素。

最新更新