elementUI更改icon图标尺寸、圆形按钮尺寸方法，以及css修改页面没变化为题

在Element UI中，修改图标尺寸通常涉及到对<i>标签的class属性的修改，并引用相应的Font Awesome或者其他图标库的样式类。

对于Element UI的图标，你可以通过设置<el-button>或<i>标签的style属性来修改图标的尺寸。

例如，如果你想要修改一个Element UI图标的尺寸为30px * 30px，你可以这样做：

<i class="el-icon-edit" style="font-size: 30px;"></i>

或者使用<el-button>组件，并通过style属性修改其尺寸：

<el-button icon="el-icon-edit" style="padding: 10px; font-size: 30px;"></el-button>

对于圆形按钮，Element UI提供了circle类，你可以通过设置按钮的style属性来修改圆的直径：

<el-button icon="el-icon-edit" class="is-circle" style="width: 30px; height: 30px;"></el-button>

请注意，如果你在组件上使用style属性而不起作用，可能是因为该样式被更高优先级的全局样式覆盖。你可以尝试提高样式的优先级，或者在你自己的样式文件中添加更具体的选择器来覆盖默认样式。

如果你是在Vue组件中使用Element UI，并且CSS修改没有生效，请确保你的样式是在正确的生命周期钩子中或者使用了::v-deep（Vue 2）或>>>（Vue 2）（Vue 3）来穿透组件边界。

例如：

/* Vue 2 使用 `>>>` 来穿透组件样式 */
.my-button >>> .el-button {
  width: 30px;
  height: 30px;
  padding: 0;
}
 
/* Vue 3 使用 `::v-deep` */
::v-deep .el-button {
  width: 30px;
  height: 30px;
  padding: 0;
}

在Vue文件中引用：

<template>
  <div class="my-button">
    <el-button icon="el-icon-edit" class="is-circle"></el-button>
  </div>
</template>
 
<style scoped>
/* 引用上面的CSS样式 */
</style>

请确保你的样式是在正确的选择器下，并且没有被其他更具体或更高优先级的CSS规则覆盖。