CSS text-decoration:反向

Question

我很惊讶CSS中没有"text-decoration:reverse",因为使用JavaScript实现起来似乎很尴尬.IE将元素的前景色和背景色分别设置为父级的背景和前景.

我在这里注意到了JavaScript技术

当然不是那么复杂吗？

Answer 1

你打电话给你的是什么？你的意思是将背景设置为前景色,反之亦然？(也许这是一个愚蠢的评论,但如果是这样,那不是装饰吗？)

无论如何,你将在DRY和MVC之间展开斗争:

• 你要么每次都要声明一个新的CSS类.这是多余和痛苦的,但你确实将风格与代码分开了.

典型:

.mydiv {
   background-color: blue;
   color: red;
   font-family:...;
   (...)
}


.mydiv:hover {
   color: red;
   background-color: blue;
}

• 另一种选择是通过javascript来做到这一点.Proxify建议使用jQuery.

  结果可能看起来像......(未经测试)

$(".invert").map(function (el) {
       var color = el.css("color");
       var bgcolor = el.css("background-color");
       el.css("color", bgcolor).css("background-color",color);
    })

Answer 2

好吧，你可以尝试使用 jQuery，这是一种更简单的方法来实现与普通 javascript 相同的效果。