Как покрасить строку таблицы без цвета фона?

Question

Существуют ли какие-либо другие свойства CSS, которые можно использовать в качестве альтернативы для background-color для установки цвета ?

Я использую сторонний инструмент, который устанавливает цвет элементов таблицы с помощью JavaScript. Я не могу переопределить это с помощью CSS, даже с ! важно Код JavaScript также недоступен для меня.

Поэтому я решил, что установка цвета фона с помощью альтернативного метода может сработать. Но я не знаю ни одного свойства, которое бы действовало как фоновый цвет.

Любая помощь будет отличной.

PS: Я бы предпочел решение на основе CSS, а не любую форму сценария.

Answer 1

Может быть, это работает для вас:

tr {
  background-color: red !important; // we want this to override
}
tr {
  background-image: linear-gradient(to bottom, blue, blue) !important;
}
tr:hover {
  background-image: linear-gradient(to bottom, green, green) !important;
}

<table>
  <tr style="background-color: red !important;">
    <td>Table Content</td>
  </tr>
</table>

Answer 2

Используйте очень большую вставку box-shadow

td {
  overflow: hidden;
  /* required */
}
td:hover {
  box-shadow: 0 0 200px green inset;
}

<table>
  <tr style="background-color: orange !important;">
    <td>Table Content</td>
    <td>Table Content</td>
    <td>Table Content</td>
  </tr>
  <tr style="background-color: pink !important;">
    <td>Table Content</td>
    <td>Table Content</td>
    <td>Table Content</td>
  </tr>
</table>