你可以使用以下代码来创建一个好看的 button 样式:

<router-link to='/register'>
  <el-button type='text' class='custom-button'>没有账号?</el-button>
</router-link>

然后使用 CSS 来定义 `custom-button` 类的样式:

.custom-button {
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.custom-button:hover {
  background-color: #eaeaea;
  border-color: #999;
  color: #666;
}

这样,你就可以得到一个具有自定义样式的好看的 button 了。记得将代码放在合适的地方,以确保 CSS 能够正确应用到 button 上。

如何为 Vue.js 中的 El-button 组件添加自定义样式

原文地址: https://www.cveoy.top/t/topic/qx2A 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录