elementUI 点击链接样式
时间: 2023-07-20 08:29:04 浏览: 93
修改elementUI的样式
如果您想修改 ElementUI 中链接的样式,您可以使用以下 CSS 代码:
```css
.el-link {
color: #409EFF;
text-decoration: none;
}
.el-link:hover {
color: #66B1FF;
text-decoration: underline;
}
```
您可以将以上代码添加到您的 CSS 文件中,或者将其添加到您的 Vue 组件的 `<style>` 标签中。
请注意,以上样式将适用于所有 ElementUI 的链接组件。如果您只想修改特定链接的样式,您可以为该链接添加一个类名,并使用该类名选择器来覆盖默认样式。例如:
```html
<el-link class="my-link">My custom link</el-link>
```
```css
.my-link {
color: #409EFF;
text-decoration: none;
}
.my-link:hover {
color: #66B1FF;
text-decoration: underline;
}
```
阅读全文