在IE中更改下划线颜色

Question

我有一个文本编辑器，用户可以自由操作。其中遇到了IE下划线颜色的问题。以下是代码：

test <font color="#4ab948"><u>paragraph</u></font>

将为文本应用颜色和下划线。如果用户先选择下划线，然后再选择颜色，则生成的代码如下，这将不会为下划线应用颜色:(

test <u><font color="#4ab948">paragraph</font></u>

有什么进展吗？

- Santhosh

---

"<font>"已被废弃，不应使用...这就是你的第一个问题。 - Paulie_D

我不确定你在这里想做什么。但是，如果用户按错误的顺序执行操作，可能会得到不良结果。你只能手动更改顺序。 - durbnpoisn

你应该只使用一个<span>标签，并在一个地方填写所有属性。 - durbnpoisn

我认为这个问题可能是在1999年编写的，现在才被发布出来。 - andi

你要寻找的是相同颜色和下划线颜色，还是两种不同的颜色？无论如何，你应该使用span + class（或者如果有的话：em或strong标签）。 - G-Cyrillus

Answer 1

您可以采用两种方法

使用border-bottom作为

span {
color: red;
text-decoration: none;
border-bottom: 1px solid green;
}

使用 a-span 方法

a {
  color: green;
  text-decoration: underline;
}
span {
  color: red;
  text-decoration: none;
}

- Shinde Arjun

Answer 2

font 已经过时了一段时间。相反，您应该使用带有样式属性的 span。例如：

<span style='color:#4ab948;text-decoration:underline;'>paragraph</span>

- Chris Stillwell

Answer 3

如果您想要绝对控制元素的text-decoration属性...请使用伪元素进行覆盖。

u {
  text-decoration: none;
  position: relative;
  color: red;
}
u:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: green;
  margin-top: -2px;
}

<u>paragraph</u>

- Paulie_D