将斜线加到摄像机上
将斜线加到摄像机上
提问于 2014-08-11 18:08:29
我正在开发一个应用程序，它使用的是优秀的字体-可怕的库。我们使用fa-麦克风/fa-麦克风斜杠图标来控制麦克风静音。我需要类似于fa-麦克风-斜杠的方法来拍摄摄像机，这样我也可以用用户熟悉的语义来控制摄像头。有没有办法通过组合FA课程来用摄像机制作一个呢？
回答 4
Stack Overflow用户
回答已采纳
发布于 2016-09-17 03:36:22
某种程度上否定了“普通话”的回答：
.fa.fa-video-camera:after {
position: absolute;
content: "/";
color: white;
font-weight: bold;
font-size: 1.2em;
left: 0;
top: 0;
text-shadow: 3px 0px 0px rgba(0, 0, 0, 1);
line-height: 32px;
left: 18%;
font-family: Arial;
}<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-video-camera fa-2x"></i>
但我不喜欢这样，因为我不知道不同的浏览器/操作系统会如何呈现它(现在太懒了，无法检查)。
这个解决方案稍微好一点，但仍然有很多硬编码。你可能不得不摆弄这个，当然，如果你有一个不同的box-sizing
.fa.fa-video-camera:after {
position: absolute;
content: "";
left: .45em;
top: 0;
width: .2em;
height: 1.7em;
display: block;
background: white;
transform: rotate(36deg);
border-right: .1em solid black;
}<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-video-camera fa-2x"></i>
Stack Overflow用户
发布于 2014-08-11 18:17:34
你可以用堆叠图标
<span class="fa-stack fa-lg">
<i class="fa fa-video-camera fa-stack-1x"></i>
<i class="fa fa-ban fa-stack-2x"></i>
</span>这不完全一样，但你也可以用它来做麦克风。您还可以更改不同图标的不透明度和颜色。
Stack Overflow用户
发布于 2016-05-23 07:04:13
如果您想添加像"/“这样的自定义符号，可以在psuedo类之后使用css：。
.fa.fa-video-camera:after {
position: absolute;
content: "/";
color: white;
font-weight: bold;
font-size: 20px;
left: 10px;
top: 5px;
}<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<i class="fa fa-video-camera fa-2x"></i>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25249698
复制相关文章
相似问题
腾讯云开发者
