У меня есть таблица, это разметка напоминает этотChrome User Agent стилевой таблица границ цвет не переопределен
<table>
<tr>
<th>Label</th>
<td>Data</th>
</tr>
<tr>
<th>Label</th>
<td>Data</th>
</tr>
</table>
Я CSS делаем границы на th
, td
с сокращенной декларацией границы. В первом th
мой верхний и левый цвет границы становится переопределяемым пограничным цветом в таблице стилей пользователя Chrome User Agent. Смотрите рисунок ниже:
Чтобы устранить эту проблему, я испытал и попробовал следующее:
- Подтверждено, что доктайп есть
<!DOCTYPE html>
- Добавлена таблица, т, е, тд {border-color: #fff; }, чтобы попытаться переопределить стиль
- Изменил первый
th
наtd
, который удалилbackground-color
и устранил проблему. Пока я не добавилbackground-color
обратно вtd
, который сломал его снова. - Удален цвет фона из всех
th
, который исправил проблему, но не будет работать для дизайна. - Выделите
th
с классом и попытайтесь переопределить границу с важными. Это не сработало, потому что цвет границы, который он использует, исходит из таблицы, а не из th или td.
Я ищу, возможно, стороны я пропускаю, чтобы решить эту проблему, я не могу поделиться более подробным кодом в связи с характером работы я делаю (правительственные приложения), но я могу предоставить более подробную информацию, если это необходимо
Нам не нужно видеть ваши данные, но, по крайней мере, некоторые css. И скрипка, воспроизводящая проблему, будет еще лучше ... Кажется, что все работает отлично, как и следовало ожидать: http://jsfiddle.net/6k6dx7b6/ – Pevara
Я не могу воспроизвести его в скрипке. Вот почему я не прошу решения, больше, если другие люди видели такую же проблему типа, поэтому я могу копаться в другом направлении. – Nicknameless
Я до сих пор не уверен, что это за ошибка, но она была устранена путем удаления границы-краха: collapse; что мой предшественник использовал. – Nicknameless