如何为 Vue.js 中的 El-button 组件添加自定义样式
你可以使用以下代码来创建一个好看的 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 上。
原文地址: https://www.cveoy.top/t/topic/qx2A 著作权归作者所有。请勿转载和采集!