# # 样式

可以定制栅格样式以适合您的需求。以下是可以覆盖的类的列表。

## # 占位符

占位符的默认css为：

    .vue-grid-item.vue-grid-placeholder {
        background: red;
        opacity: 0.2;
        transition-duration: 100ms;
        z-index: 2;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
    }

您可以使用`!important`规则覆盖属性：

    .vue-grid-item.vue-grid-placeholder {
        background: green !important;
    }

或者通过用更具体的
(opens new window)方式包装栅格类：

    .container .vue-grid-item.vue-grid-placeholder {
        background: green;
    }

在此示例中，我们将占位符的背景色更改为绿色：

查看资料
(opens new window)

工作正在进行中...