drupal 7的webform模块中的问题答案

【问题标题】：issue in webform module of drupal 7drupal 7的webform模块中的问题
【发布时间】：2014-02-13 08:51:13
【问题描述】：

我正在使用 drupal 网络表单模块。表单被添加到块中。但是当我调整窗口大小时，文本字段不会改变。大小保持不变，我已编辑更改标签并提交图像但无法更改文本字段这是我的 css

input.webform-calendar {
    display: none;
    padding: 3px;
    vertical-align: top;
}
html.js input.webform-calendar {
    display: inline;
}
.webform-container-inline label {
    display: inline;
    margin-right: 1em;
}
.webform-container-inline div, .webform-container-inline div.form-item {
    display: inline;
}
.webform-container-inline div.description {
    display: block;
}
.webform-container-inline div.messages {
    display: block;
    float: left;
}
.webform-container-inline div.ajax-progress-bar div {
    display: inherit;
}
.webform-client-form #edit-submit {
    background: url("../images/submit.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);
    border: medium none;
    cursor: pointer;
    font-size: 0;
    height: 31px;
    line-height: 0;
    margin-left: 10%;
    overflow: hidden;
    text-indent: -99999px;
    width: 35%;
}
.form-textarea-wrapper textarea {
    width: 58%;
}

【问题讨论】：

取决于你的主题老兄，你可以有任何事情发生！
@Alex 我在块主题中添加了表单。并将此块包含在模板中
您应该能够在浏览器中使用“Web 开发人员工具”来确定样式规则影响表单元素的位置。

标签： javascript html css drupal drupal-7

【解决方案1】：

你想设置表单的宽度...

.form-notice form {
   width: 60%;
}

然后将您的表单元素设置为以下...

.form-notice .form-text,
.form-notice .form-textarea {
   width: 100%;
}

这样，表单元素将适应表单调整后的大小。

【讨论】：