2013-01-16 6 views
0

Хавин столик с видомBGCOLOR атрибут

<tr bgcolor="#aacbdd"> 

И я использую reset.css, который говорит

...td { background: transparent; .... 

И это правило удаляет все фоны, установленные в атрибуте BGColor. Но я не могу просто отказаться от использования reset.css И я не могу изменить HTML (есть тонны простого HTML на этом сайте) Цель состоит в том, чтобы сохранить эти фоны bgcolor. Я попытался

.ololo tr 
{ 
    background: inherit; 
} 

Но не использовать. Как мне?

+0

Как вам? – BoltClock

ответ

1

Если у вас есть только несколько цветов, вы можете использовать селектор атрибута:

[bgcolor="#aacbdd"] { 
    background: #aacbdd; 
} 
[bgcolor="#c73cab"] { 
    background: #c73cab; 
} 

Вот скрипку: http://jsfiddle.net/JN3wW/


Если у вас есть много много различных цветов, это может получить громоздким , Я бы посоветовал вам полагаться на JavaScript для этого. Вот пример использования JQuery:

$('tr[bgcolor]').css('background-color', function() { 
    return $.attr(this, 'bgcolor'); 
}); 

Вот скрипка: http://jsfiddle.net/JN3wW/4/

+0

Это фактически [уже происходит за кулисами] (http://www.w3.org/TR/CSS21/cascade.html#preshint) с атрибутами 'bgcolor', но вполне может быть переопределено чем-то другим. Я не думаю, что это могло быть правилом 'td' из таблицы стилей сброса, если оно также не отмечает элементы' tr' как имеющие прозрачные фоны. – BoltClock

+1

@BoltClock - Кажется, что сброс OP также сбрасывает фон 'tr': http://jsfiddle.net/JN3wW/1/ –

+0

Вау, так что, я думаю, это то, как таблицы выкладываются в CSS: / – BoltClock

0

Вы используете сброс CSS/Stylesheet, и в таблицах стилей, будет использоваться последнее определение.

Так что попробуйте установить свойство style объекта tr, а не атрибут элемента.

<tr style="background-color:#aacbdd;">

Смежные вопросы