1.5 自定义主题样式切换

Element提供了一套默认使用的主题，Element也提供使用其他自定义主题的方法，详见Element官网首页中的“主题”部分。本节通过直接引用的方法来自定义主题。

在Element官网的首页中单击“组件”按钮，然后单击“unpkg.com/element-ui”，在弹出的页面中打开文件夹“lib\theme-chalk”，如图1-30所示。

图1-30 文件夹theme-chalk的页面

单击文件夹theme-chalk中的某个文件，如文件autocomplete.css，可打开该文件的页面，如图1-31所示。单击图1-31中的“View Raw”按钮，可看到文件autocomplete.css的JavaScript代码，如图 1-32 所示（只显示了部分 JavaScript 代码）。按下组合键 Ctrl+S，可将文件autocomplete.css的JavaScript代码保存到本地，并将其添加到项目中，通过<link></link>标签将文件autocomplete.css引入HTML页面即可使用。

图1-31 文件autocomplete.css的页面

图1-32 文件autocomplete.css的JavaScript代码