我们如何使用css或JavaScript在i/j上更改句点(点）的颜色

How can we change the color of period (dot) over i/j using css or JavaScript?

本文关键字：句点 颜色 css 何使用 JavaScript 我们      更新时间：2023-09-26

我知道，除非对字符进行整体更改，否则无法更改字符的各个部分；然而，有没有一种方法可以使用css或JavaScript来更改i/j上给定的点的颜色？

您可以在使用css的字符之前添加另一个字符，并将其绝对定位。然后将线条剪掉一半（".4em"可能会根据字体家族的不同而变化）。

.reddot span.j:before, .reddot span.i:before{
    content:'j';
    position:absolute;
    color:red;
    height:.4em;
    overflow:hidden;
}
.reddot span.i:before{
    content:'i';
}

这里有一些JavaScript可以将文本包装在跨度中：

var items = document.getElementsByClassName('reddot');
for (var i in items){
    items[i].innerHTML = items[i].innerHTML.replace(/([ij])/g, '<span class="$1">$1</span>');    
}

请在此处查看其实际操作：http://jsfiddle.net/653st8kb/

相关文章：