Question

我有一个reset.css文件，其中包含以下声明： border:0 none;

所以，当我制作这样一张桌子时：

<table border="1">

边框没有显示出来。如何在不删除border:0 none;属性的情况下显示边框？代码必须为<table border="1">。有没有办法让表“忽略”reset.css文件？（这必须适用于所有浏览器，包括IE 6 +）

Answer 1

在style="border: 1px solid;"标记中添加<table>。样式覆盖属性设置。

Answer 2

好的，让我们说你陷入困境，让我们假设：

您无法执行上述建议
您不能使用内联样式

您无法在html文档中添加样式，如：

<style type="text/css">
  table { border: 1px solid; }
</style>

您无法添加指向其他样式表的链接

你能做一些可能有些过分的事情，比如使用一些javascript或jquery来做吗？

<script type='text/javascript'>
  var tableStyle = "table { border: 1px solid;}";

  function appendStyle(tableStyle) {
    var css = document.createElement('style');
    css.type = 'text/css';

    if (css.styleSheet) css.styleSheet.cssText = tableStyle;
    else css.appendChild(document.createTextNode(tableStyle));

    document.getElementsByTagName("head")[0].appendChild(css);
  };

  window.onload = function() { 
    appendStyle(tableStyle); 
  };
</script>

Answer 3

直接在你的重置后css添加一行如下：

table.borderIgnore { border:auto; }

然后为你的表做这个：

<table class="borderIgnore" border="1">

让我知道是否有效

CSS重置表边框

3 个答案: