# 如何设置页面组件样式

来源快照：`result_data_new_260518.json`

- 来源 ID：`1969078530864041242`
- 模块：低代码平台e-builder
- 目录：常见问答 - 页面设计
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

**问题描述：**

拖入的组件样式不符合客户需求，如何自定义页面组件样式呢？

  


**解决方式：**

方式一：通过组件右侧属性区选择系统已提供的组件样式、外观样式

  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722445052510236&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


方式二：如需小范围调整字体样式等信息，可通过右侧属性区自定义样式调整

  


![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722449147035686&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


方式三：通过源代码入口，自定义编写css样式代码，完成样式的更替

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157722449160249400&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


方式四：通过ecode重新复写组件更改组件样式。
