如何在离子应用程序或 html 页面中重新创建毛里求斯卢比符号？

Question

我想在 Rs 符号中使用删除线

卢比但它并没有完美地复制符号，因为它的罢工价格略高一些。那么，如果我想在我的 ionic 应用程序中以及类似地在 html 页面中使用该符号，最好的选择是什么？

我花了很多时间为它搜索 html 实体，但我猜它不可用。

Answer 1

尝试将 HTML 中的其他符号与 <s>、<del> 或 <strike> 中适合您的标记一起使用。

<html>
<body>

<p>&#8377;</p>
<strike>&#8377;</strike><br>
<s>&#8377;</s><br>
<del>&#8377;</del><br>

<p>&#8360;</p>
<strike>&#8360;</strike><br>
<s>&#8360;</s><br>
<del>&#8360;</del>
 
</body>
</html>

Answer 2

我找不到 Gowtham Shiva 建议的简单方法，但这是一个示例 css 我曾经做过：

.currency {
  overflow:hidden;
  position : relative;
}
.currency span:after {
  background-color: #000000;
  content: "";
  height: 1px;
  width: 10px;
  position:absolute;
  top: 6px;
  left:1px; 
}

<p class="currency"><span>Rs</span></p>

Here is the code pen of the code

如何在离子应用程序或 html 页面中重新创建毛里求斯卢比符号？

How to recreate mauritian rupee symbol in ionic app or html page?

html

currency

ionic-framework