如何?移動端點擊下拉式箭頭顯示全部文字

標籤：check   內容   label   display   type   checked   點擊   none   gif   

HTML代碼：

<input type="checkbox" id="dianji" class="dianji-input">
<div class="movie-text">
    內容（省略）
</div>
<div class="label-box">
    <label for="dianji">
        <img src="../img/100.gif"  class="dianji-icon">
    </label>
</div>

CSS代碼：

#dianji:checked+div{
    height: auto;
}
.label-box{
    width: 9.92rem;
    margin:0 auto;
    text-align: center;
    /**/
}
.dianji-icon{
    transform: rotate(90deg);
}
#dianji:checked~.label-box>label[for="dianji"]>img{
    transform: rotate(270deg);
}
.dianji-icon{
    height: 0.61rem;
    width: 0.45rem;
}
.dianji-input{
    display: none;
}
主要是選取器要選中正確的對象！

如何?移動端點擊下拉式箭頭顯示全部文字