drupal 7的webform模块中的问题

时间:2014-02-13 08:51:13

标签: javascript html css drupal drupal-7

我正在使用drupal Web表单模块。表单添加在块中。但是当我调整窗口大小时,文本字段不会改变。大小保持不变,我已编辑更改标签和提交图像,但无法更改文本字段在这里是我的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%;
}

1 个答案:

答案 0 :(得分:1)

您想要设置表单的宽度...

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

然后将表单元素设置为以下内容......

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

这样,表单元素将适合表单调整大小的任何大小。