Question

我需要在小型移动视图上隐藏<label>。

这是html：

<label class="page_createpassword_label" for="page_createpassword">
<span class="page_label_main">Span Text</span>
<span class="page-hide">. </span>
<span class="page-label-hint">
<strong>Information text</strong>
<span class="page-hide">. </span>
<span>More Span text</span>
</span>
</label>

标签目前使用:before和:after选择器隐藏，但我正在努力使其适用于Android 2.3，因此我无法使用这些。

隐藏<label>的当前CSS如下：

.page-label-hint:before,
.page-rtl .page-label-hint:after {
    display: none;
}

和

.page-label-hint:before {
left: -21px;
}

有没有办法使用其他方法隐藏标签并避开:before和:after选择器？我或许正在考虑display: none。

由于

Answer 1

@media all and (max-width: 450px) {

    .page_createpassword_label {

       display:none; 
    }

}

您现在可以在移动视图中隐藏标签。 ;）可能需要调整媒体查询以满足您的需求。您可以在此处阅读有关媒体查询的信息：http://css-tricks.com/css-media-queries/

享受

避免使用CSS：before和：after

1 个答案: