css 重力Wiz //重力形式//编号列表字段行

Posted 2021-05-13

/**
 * Numbering List Field Rows
 * http://demos.gravitywiz.com/numbering-gravity-forms-list-field-rows/
 */
body .gw-number-rows table.gfield_list {
    counter-reset: gflistrowcounter;
    margin-left: -24px;
}
.gw-number-rows .gfield_list thead tr:before {
    content:'';
}
.gw-number-rows .gfield_list tbody tr:before {
    content: counter(gflistrowcounter);
    counter-increment: gflistrowcounter;
}
.gw-number-rows .gfield_list thead tr:before, .gw-number-rows .gfield_list tbody tr:before {
    display: table-cell;
    width: 18px;
    text-align: right;
    padding-right: 6px;
}