Question

如何在html中显示此►播放（前进）或实心右箭头符号？

Answer 1

是的，►，但在所有浏览器中看起来可能不一样。

Answer 2

如果你需要在CSS中使用它，就像在

中一样

    li:before {
        content: '\25BA';
    }

这是►的CSS转换这些转化的有用工具：evotech.net/articles/testjsentities.html

Answer 3

来自Wolfram Alpha

的

►

Answer 4

以下是您可以使用的一长串清单：

http://brucejohnson.ca/SpecialCharacters.html

Answer 5

我尝试使用ascii代码但不喜欢它，因为它总是看起来很拉伸。

相反，我在网上发现了一个巧妙易于定制的解决方案，它使用css并且只操纵边框属性：

.play {
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  border-left: 20px solid black;
  height: 0px;
}

<div class="play"></div>

Answer 6

您可以使用Bootstrap字形图标。

<span class="glyphicon glyphicon-play"></span><br>
<span class="glyphicon glyphicon-play-circle"></span><br>
<span class="glyphicon glyphicon-triangle-right"></span><br>

请记住在<head>元素中也包含Bootstrap和jQuery。

<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
</head>

JSFiddle对此进行了解释：https://jsfiddle.net/canada/dfr90pac/

Answer 7

好吧，您可以使用图片并将其显示在<img></img>标签中。在点击事件中，您可以编写一些JavaScript代码。您可以在Google中搜索图片。

如何在html中显示►播放（前进）或实心右箭头符号？

7 个答案: