我想突出阿拉伯语diacretics，但它改变了单词的形式，
ك<span style="color:blue">َ</span>تَبَ
然后变成
كَ تَبَ
但它应该是这样的：
كَتَبَ
有没有办法做到这一点
答案 0 :(得分：2)
虽然问题与Partially colored Arabic word in HTML不同，但基本答案是相同的：使用ZERO WIDTH JOINER（ZWJ）字符来请求草书加入，否则可能不会跨越元素边界。多次使用ZWJ是最安全的选择：
ك‍<span style="color:blue">‍َ‍</span>‍تَبَ
这似乎解决了Chrome中的问题。在firefox中，问题似乎并不存在，但存在变音符号没有着色的问题。由于一些奇怪的原因，ZWJ代码也解决了这个问题。在IE 11上，情况相同，但ZWJ代码不能解决颜色问题。