Question

我想要一个红色的删除线，但它仍然是黑色的。这就是我试过的：

.redRow {
    text-decoration: line-through;
    color: red;
}

Javascript代码是：

function getCurrentBinRow(elem) {
    $(elem).closest('tr').toggleClass('redRow');
}

Answer 1

使用Javascript进行样式文本修饰，

document.getElementById('redRow').style.textDecoration = "line-through";

Answer 2

首先尝试编辑CSS，将td的颜色设置为黑色，然后可以应用jQuery函数：

function getCurrentBinRow(elem) {
  $(elem).closest('tr').toggleClass('redRow');
}

$(document).ready(function() {
  getCurrentBinRow('td');
});

td {
  color: black;
}
.redRow {
  text-decoration: line-through;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<table>
  <tr>
    <td>TEST</td>
  </tr>
</table>

JSFIDDLE

Answer 3

你必须给父母提供直线和颜色，并且内容应该在子元素中。

<span style="text-decoration: line-through; color: red;">
 <span style="color: #CCC;">Your content</span>

所以请相应地制作你的标记，或者请给一个工作小提琴。

我制作了内联样式，请将它移到课堂上并使用你的东西。

点击sample

的此链接

Answer 4

如果您需要在onclick事件中执行此操作。

<label onclick="addStrikethrough(this)">Test</label>
function addStrikethrough(element){
 element.className = element.className + ' redRow';
}

需要在全局命名空间中声明javascript函数。

css

.redRow {
 text-decoration: line-through;
 color: red;
}

如何使用javascript将文本装饰删除线的CSS设置为红色

4 个答案: