删除Tumblr控件栏中的文本

Question

我正在设计一个带有干净控制条的极简主义Tumblr主题，因此我需要从中删除文本以使其看起来更干净。

完全像这样：

这可以通过javascript隐藏元素吗？

1条消息：

<span class="button-label">Message</span>

2关注＆amp;停止关注：

<span class="button-label">Unfollow</span>

<span class="button-label">Follow</span>

3仪表板：

<span class="button-label">Dashboard</span>

或者还有其他方法可以做到这一点。

Answer 1

使用jquery，您可以隐藏button-label类span元素

$(document).ready(function() {
  $("span.button-label").hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
1. <span class="button-label">Unfollow</span>
<br>
2. <span class="button-label">Follow</span>

如果要隐藏的元素位于iframe

中

  $('#YOUR_IFRAME_ID').load(function(){ // wait for the iframe to load
    $(this).contents().find('span.button-label').hide(); // jump into the iframe find the elements required and hide them.
    });

Answer 2

我刚刚找到了一个非常快速的解决方案，你在CSS中只需要2行代码。这将使iframe元素不可见。

.tmblr-iframe{

    display:none;
}