larvael dcat-admin 表单设置自定义样式

表单有些不是自己想要的样式想要覆写或者增加 可以如下

 

public function form() {


    ​​​​​​​$this->column(6,  function () {
        $this->dateRange('order_created_at.start', 'order_created_at.end')
            ->label('下单时间')
            ->setLabelClass(['input-group']) // 设置样式
            ->setFieldClass(['field_date_range_left45']); // 自定义样式
    });
}

可以setLabelClass 和 setFieldClass 设置样式

自定义field_date_range_left45样式的引入 如下

1. 创建自定义 CSS 文件

首先，创建一个名为 custom.css 的 CSS 文件，用以存放你的自定义样式。可以将其放置在 public/css 目录下。

 

1、编写自定义样式的 CSS 样式

在 custom.css 文件中编写你的自定义样式。以下是一个例子，可以将 label 的位置向左移动

/**
  自定义表单 日期范围的样式
 */
.field_date_range_left45 {
    margin-left: -45px;
}

2、引入自定义 CSS 文件

最后，在 app/Admin/bootstrap.php 文件中引入你的自定义 CSS 文件

 3、设置样式

setFieldClass(['field_date_range_left45'])