Question

我有一个名为“设置”的按钮，我希望该按钮看起来像一个齿轮。我发现了这一点：https://www.toptal.com/designers/htmlarrows/symbols/gear/ 这是https://www.w3schools.com/icons/tryit.asp?filename=tryicons_fa-gear

但是他们在我的角/电子项目中不起作用。

这是当前按钮（通常是一个按钮）：

<button class="flex-buttons"  class="form-control settings">Settings</button>

非常感谢您！

Answer 1

您需要将<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">加载到index.html中，才能像第二个示例一样使用像'fa fa-gear'这样的字体真棒类。

Answer 2

Google本身提供了图标列表，请尝试使用它。

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
</head>
<body>

<i class="material-icons">settings</i>
<i class="material-icons" style="font-size:24px;">settings</i>
<i class="material-icons" style="font-size:40px;color:red;">settings</i>
<i class="material-icons" style="font-size:60px;color:green;">settings</i>

</body>
</html>

HTML不同的按钮样式-像齿轮一样

2 个答案: