Как я могу переопределить встроенный стиль с внешним CSS?

Question

Я пытаюсь изменить стиль таблицы, созданной элементом управления gridp asp.net. У меня проблема в том, что gridview генерирует встроенные стили. Как сделать так, чтобы браузер отображал мой CSS, а не атрибут стиля html?

Answer 1

Вы можете попробовать ! Важный в своем файле CSS.

Answer 2

Вы можете использовать! Важный; но это работает не во всех браузерах.

Вот статья об использовании! Важное .

Answer 3

В соответствии со спецификацией CSS, селекторы элементов имеют специфичность 1, селекторы классов имеют специфичность 10, селекторы идентификаторов имеют специфичность 100, а специфичность встроенных стилей равна 1000. Чем выше специфичность, тем больше приоритет поэтому встроенные стили всегда выигрывают. Однако выход есть. Объявление ! Important переопределяет все несущественные объявления. Неважно, что является источником стиля, он проиграет чему-либо с ! Важным объявлением.

Источник: CSS Web Design Эрика А. Мейера.

Answer 4

Вы можете попробовать добавить "! Важное" в определения стиля CSS согласно этой статье или следуя предыдущему предложению Райана Лянсьо

Answer 5

Вы можете взглянуть на это: http://justgeeks.blogspot.com/2008/09/override-any-css-style-even-inline.html. Используйте модификатор! Important, чтобы это произошло

Answer 6

Я думаю, вам нужно переопределить стиль с помощью JavaScript. jQuery сделает это очень просто.

Answer 7

Встроенный стиль имеет приоритет над внешними стилями. Его нельзя переопределить, если вы не используете ! Important.

Answer 8

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

Если сгенерированные стили Gridview вам подходят, взгляните на ASP.NET CSS дружественные адаптеры управления (http://www.asp.net/CssAdapters/). Это отличный проект.

Answer 9

Вы используете темы? Темы создают встроенные стили. Чтобы избавиться от них, вы можете отключить их для вида сетки:

<asp:GridView EnableTheming="false" ... />