为表单元素中的各个组件添加 css 属性 - Drupal

发布于 2024-10-18 04:18:05 字数 140 浏览 0 评论 0原文

我有一个 drupal 表单,我需要向表单元素中的组件添加单独的类。

也就是说,我需要将属性 class='text' 添加到“文本框(实际框)”,将 class='title' 添加到“文本框标题”(#title')。

我该怎么做?

I have a drupal form and I need to add separate classes to the components in a form element.

That is I need to add the attribute class='text' to the 'textbox (the actual box)' and class='title' to the 'textbox title' (#title').

How do I do this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

执着的年纪 2024-10-25 04:18:05

对于第一种情况 - 将类添加到文本字段本身 - 使用 #attributes 属性:

$form['foo'] = array(
  '#type' => 'textfield',
  '#title' => t('Textbox title'),
  '#attributes' => array(
    'class' => array('text'), // change to just 'text' for Drupal 6
  ),
);

对于第二种情况(将类添加到标签),您对 Forms API 的运气不好。相反,您可以使用字段和标签的包装类来定位它:

.form-item-field-foo label {
  /* CSS here */
}

For the first case—adding the class to the textfield itself—use the #attributes property:

$form['foo'] = array(
  '#type' => 'textfield',
  '#title' => t('Textbox title'),
  '#attributes' => array(
    'class' => array('text'), // change to just 'text' for Drupal 6
  ),
);

For the second case——adding the class to the label—you are out of luck with the Forms API. Instead, you could target it using the wrapper class for the field and label:

.form-item-field-foo label {
  /* CSS here */
}
又爬满兰若 2024-10-25 04:18:05

Someone already answer to your question Remove class=“form-item” from Drupal forms.
That function give possibility add class='title' to the title.
But for class='text' you should theme_textfield (or theme_textarea) to own template.php
Take codes from ./included/form.inc
But i recommend to do theming required custom form, not all form elements. Somewhere it can raise styling conflicts etc. Of course, if client doesn't demand change all form elements. In real case changing default elements doesn't need.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文