如何在 drupal 7 中添加我的 CSS 类

Question

我是 drupal 7 的新手。我正在编写新主题，但我不知道如何在 drupal 7 中添加我的课程。我安装了 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 元素。我该怎么做？

Answer 1

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

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

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

因此，您基本上必须将 css 文件的路径添加到该列表中，它将包含在每个站点页面中。您的 html.php 模板必须打印出 stylesheets 变量（将包含 css 文件的路径）。如果您不确定如何做，请检查它是如何在 drupal 安装附带的一些标准 drupal 主题上完成的。

将您的 css 添加到主题信息文件后，不要忘记清除缓存！

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

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

您可以使用表单 id 属性来“瞄准”它以及所有带有 css 的内部元素。