balloon.cssモバイルでのツールヒントを非表示

Question

モバイルデバイスでballoon.cssという1つのCSSファイルを非表示にしようとしています。私は、このballoon.css使用しています：balloon.css

マイコード：助けるため

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){[data-balloon] { visibility: hidden; }} 

みんなありがとう！

Answer 1

あなたが無表示のために、モバイル用途の決議に

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) { 
.data-balloon { 
display: none 
} 

使用表示なしのCSSの特定のスクリプトを非表示しないようにしたい場合。

Answer 2

balloon.cssは、ホバー効果のために疑似クラスを使用しているため、メディアクエリの疑似クラスを非表示にする必要があります。

@media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px){ 
[data-balloon]:after, 
[data-balloon]:before { display: none; } 
} 

これは動作するはずです。