

#
#
#
サンプルコード
@media all and (any-hover: none) {
p.sample {
background-color: #aa4c8f; /*■*/
text-decoration: underline dotted;
}
}
@media all and (any-hover: hover) {
p.sample {
background-color: #595857; /*■*/
text-decoration: underline dashed;
}
}
<p class="sample">
夏の帽額のあざやかなる、簾の外の高欄のわたりに、いとをかしげなる猫の、赤き首綱に白き札つきて、碇の緒くひつきて引きありくもなまめいたり。
</p>
夏の帽額のあざやかなる、簾の外の高欄のわたりに、いとをかしげなる猫の、赤き首綱に白き札つきて、碇の緒くひつきて引きありくもなまめいたり。