【问题标题】:Apply CSS for a specific field on Formstack为 Formstack 上的特定字段应用 CSS
【发布时间】:2018-09-24 21:29:05
【问题描述】:

我试图在此表单的 3 列中跨越复选框字段 - https://learningcurve.formstack.com/forms/list_of_banks\

所以,我写了

.fsBody .fsForm .fsFieldCell {
    column-count:3;
}

但它会将所有相似的字段分成 3 列。我只需要跨越一个特定字段即可跨越 3 列。我相信这与字段ID有关。如何实现?

【问题讨论】:

    标签: css css-multicolumn-layout formstack


    【解决方案1】:

    我查看了您链接的示例,您似乎将错误的元素更改为 3 列。

    试试这个代码,看看它是否适用于您的问题。

    .fsBody .fsForm .fsFieldCell .fieldset-content{
      column-count:3;
    }
    

    【讨论】:

    • 嘿,成功了!非常感谢。但是,表单已经失去了响应能力。我希望在移动设备上查看时列缩小到 1。你能帮忙吗?
    • 您将不得不使用媒体查询。定义移动布局所需的列数。更多信息在这个链接w3schools.com/css/css_rwd_mediaqueries.asp
    猜你喜欢
    • 2016-08-01
    • 2016-12-28
    • 2016-10-06
    • 2020-03-13
    • 1970-01-01
    • 2017-07-12
    • 2018-08-12
    • 2014-12-07
    • 2017-09-23
    相关资源
    最近更新 更多