我正在使用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%;
}
答案 0 :(得分:1)
您想要设置表单的宽度...
.form-notice form {
width: 60%;
}
然后将表单元素设置为以下内容......
.form-notice .form-text,
.form-notice .form-textarea {
width: 100%;
}
这样,表单元素将适合表单调整大小的任何大小。