blocks|key|650637|text|是的，&#9658;，但它在所有浏览器中可能看起来都不一样。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|650638|entityMap^0|3|7|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Yes, <code>&amp;#9658;</code>, but it might not look the same in all browsers.</p>


blocks|key|650764|text|如果您需要在CSS中使用它，如|type|unstyled|depth|inlineStyleRanges|entityRanges|data|650765|++++li:before+{
++++++++content:+'\25BA';
++++}|code-block|syntax|javascript|650766|这是&#9658;的CSS转换对于这些转换有帮助的工具：evotech.net/articles/testjsentities.html|offset|length|style|CODE|650767|entityMap|0|LINK|mutability|MUTABLE|url|http://www.evotech.net/articles/testjsentities.html^0|0|0|2|7|S|14|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|W|8|@$I|X|J|Y|K|L]]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|M|3|-4|5|6|7|12|8|@]|9|@]|A|$]]]|N|$O|$5|P|Q|R|A|$S|T]]]]

<p>If you need to use it in CSS, as in </p>

<pre><code>    li:before {
        content: '\25BA';
    }
</code></pre>

<p>This is the CSS conversion of <code>&amp;#9658;</code>
A helpful tool for these conversions: <a href="http://www.evotech.net/articles/testjsentities.html">evotech.net/articles/testjsentities.html</a></p>


blocks|key|650677|text|来自Wolfram+Alpha的&#9658;|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|650678|entityMap|0|LINK|mutability|MUTABLE|url|http://www.wolframalpha.com/input/?i=%25E2%2596%25BA^0|G|7|2|D|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@$9|O|A|P|B|C]]|D|@$9|Q|A|R|1|S]]|E|$]]|$1|F|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|G|$H|$5|I|J|K|E|$L|M]]]]

<p><code>&amp;#9658;</code> from <a href="http://www.wolframalpha.com/input/?i=%E2%96%BA" rel="noreferrer">Wolfram Alpha</a></p>


blocks|key|650822|text|我尝试使用ascii代码，但不喜欢它，因为它总是看起来很紧张。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|650823|取而代之的是，我在网上找到了一个巧妙的、易于定制的解决方案，它使用css并且只处理边框属性：|650824|​|650825|.play+{
++border-top:+10px+solid+white;
++border-bottom:+10px+solid+white;
++border-left:+20px+solid+black;
++height:+0px;
}|code-block|syntax|javascript|650826|<div+class="play"></div>|650827|650828|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|S|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|H|7|T|8|@]|9|@]|A|$I|J]]|$1|M|3|E|5|6|7|U|8|@]|9|@]|A|$]]|$1|N|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|O|$]]

<p>I tried using the ascii code but didn't like it as it always looked stretched.</p>

<p>Instead, I found an ingenious easily customizable solution online, that uses css and only manipulates the border property:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.play {
  border-top: 10px solid white;
  border-bottom: 10px solid white;
  border-left: 20px solid black;
  height: 0px;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="play"&gt;&lt;/div&gt;</code></pre>
</div>
</div>
</p>


blocks|key|436192|text|下面是你可以使用的一个长长的列表：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|436193|http://brucejohnson.ca/SpecialCharacters.html|offset|length|436194|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|19|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@$D|O|E|P|1|Q]]|A|$]]|$1|F|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|C]]]]

<p>Here's a long list of what you can use:</p>

<p><a href="http://brucejohnson.ca/SpecialCharacters.html" rel="noreferrer">http://brucejohnson.ca/SpecialCharacters.html</a></p>


blocks|key|436468|text|您可以使用Bootstrap图标。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|436469|<span+class="glyphicon+glyphicon-play"></span><br>
<span+class="glyphicon+glyphicon-play-circle"></span><br>
<span+class="glyphicon+glyphicon-triangle-right"></span><br>|code-block|syntax|javascript|436470|记住还要在<head>元素中包含Bootstrap和jQuery。|offset|length|style|CODE|436471|<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>|436472|JSFiddle解释了这一点：https://jsfiddle.net/canada/dfr90pac/|436473|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/canada/dfr90pac/^0|0|0|5|6|0|0|F|11|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@$I|11|J|12|K|L]]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|P|5|6|7|14|8|@]|9|@$I|15|J|16|1|17]]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

<p>You can use Bootstrap glyphicons.</p>

<pre><code>&lt;span class="glyphicon glyphicon-play"&gt;&lt;/span&gt;&lt;br&gt;
&lt;span class="glyphicon glyphicon-play-circle"&gt;&lt;/span&gt;&lt;br&gt;
&lt;span class="glyphicon glyphicon-triangle-right"&gt;&lt;/span&gt;&lt;br&gt;
</code></pre>

<p>Remember to also include Bootstrap and jQuery in the <code>&lt;head&gt;</code> element.</p>

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

<p>JSFiddle explaining this: <a href="https://jsfiddle.net/canada/dfr90pac/" rel="nofollow noreferrer">https://jsfiddle.net/canada/dfr90pac/</a></p>


blocks|key|436323|text|您可以使用图像并将其显示在<img>标记中。在它们的单击事件上，您可以编写一些JavaScript代码。你可以在谷歌上搜索这些图片。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|436324|entityMap^0|D|5|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<p>Well, you could use an image and display it in the <code>&lt;img&gt;</code> tags. On their click event, you could write some JavaScript code. You could search the images in Google.</p>


<p>How do I display this ► Play (Forward) or Solid right arrow symbol in html?</p>


How do I display ► Play (Forward) or Solid right arrow symbol in html?

如何在html中显示此►Play (前进)或实心右箭头符号？

问如何在html中显示►Play (前进)或实心右箭头符号？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在html中显示►Play (前进)或实心右箭头符号？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在html中显示►Play (前进)或实心右箭头符号？
EN