semantic-ui清空所有的图标
时间: 2023-08-04 20:08:17 浏览: 47
您可以使用以下CSS代码来清空Semantic UI中所有图标的样式:
```
.ui.icon:before {
content: none;
}
```
这将删除`.ui.icon`元素的`before`伪元素的内容,从而清空所有图标的样式。
相关问题
semantic-ui 消息的图标
semantic-ui 提供了丰富的图标来表示不同类型的消息。以下是一些常见的消息类型及其对应的图标:
- 成功消息:`<i class="check icon"></i>`
- 错误消息:`<i class="exclamation triangle icon"></i>`
- 警告消息:`<i class="warning sign icon"></i>`
- 信息消息:`<i class="info circle icon"></i>`
- 加载中消息:`<i class="spinner loading icon"></i>`
你可以将上述图标与 `message` 类进行组合使用,例如:
```html
<div class="ui success message">
<i class="check icon"></i>
<div class="content">
<div class="header">操作成功</div>
<p>您的操作已成功完成。</p>
</div>
</div>
```
semantic-ui 的 评论图标
semantic-ui 中的评论图标可以通过以下 HTML 代码使用:
```
<i class="comment icon"></i>
```
也可以在 CSS 中使用以下代码:
```
:before {
content: "\f075";
font-family: Icons;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
display: inline-block;
vertical-align: middle;
font-size: 1.5em;
margin-right: 0.5em;
color: #2185d0;
speak: none;
}
```
请注意,在使用 CSS 代码时,应将字体文件引入到项目中。