0

如何让围绕某些元素的点消失/变成实线？

我正在处理的页面在某些元素周围有一些可以说是丑陋的虚线：

在此处输入图像描述

当我在页面的 css 文件中将其更改为：

#trSalesTotal td
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f0f0FE;
    border-top: 2px dotted #a9a9a9;
    border-left: 2px dotted #a9a9a9;
    border-right: 2px dotted #a9a9a9;
    border-bottom: 2px dotted #a9a9a9;
}

...至：

#trSalesTotal td
{
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #f0f0FE;
    border-top: 2px solid #a9a9a9;
    border-left: 2px solid #a9a9a9;
    border-right: 2px solid #a9a9a9;
    border-bottom: 2px solid #a9a9a9;
}

...但即使在保存这些更改并在浏览器中混合 Ctrl+R 之后，我仍然看到同样的事情。现在在我的项目中搜索“dotted”会产生零结果！这些麻疹来自哪里，解毒剂是什么？

我什至尝试添加这个：

#trSalesTotal
{
    border-top: 2px solid #a9a9a9 !important;
    border-left: 2px solid #a9a9a9 !important;
    border-right: 2px solid #a9a9a9 !important;
    border-bottom: 2px solid #a9a9a9 !important;
}

……但还是不行；我检查了 Chrome 开发工具中的元素，(<tr id="trSalesTotal">)根本看不到“border-*”属性，既不是虚线也不是实线。事实上，我没有在 html 中看到为什么在 Sales Total 最小值和最大值周围还有一个“包装器”——谁把它放在那里？这是html：

<tr id="trSalesTotal">
    <td style="background-color: transparent; border-width: 0;">
        @Html.LabelFor(m => m.LabelSalesTotal)
    </td>
    <td>
        @Html.LabelFor(m => m.FormSalesTotalMin)
    </td>
    <td>
        @Html.TextBoxFor(m => m.FormSalesTotalMin, new {style = "width: 134px;"})
    </td>
    <td>
        @Html.LabelFor(m => m.FormSalesTotalMax)
    </td>
    <td>
        @Html.TextBoxFor(m => m.FormSalesTotalMax, new {style = "width: 109px;"})
    </td>
</tr>

顺便说一句，我也尝试更换：

<td style="background-color: transparent; border-width: 0;">

...和：

<td>

...但仍然出现丑陋的点。那么，它是从哪里获得这种分散的业务的呢？

4

2 回答 2

1

当您尝试添加 !important 时，您将其添加到：

#trSalesTotal

代替：

#trSalesTotal td

所以试一试：

#trSalesTotal td
{
    border-top: 2px solid #a9a9a9 !important;
    border-left: 2px solid #a9a9a9 !important;
    border-right: 2px solid #a9a9a9 !important;
    border-bottom: 2px solid #a9a9a9 !important;
}

你也可以更简单地写这个：

#trSalesTotal td {
    border: 2px solid #a9a9a9 !important;
}
于 2013-05-30T18:41:16.817 回答
0

犯罪，事情是这样的：

这个文件包含了所有的 CSS，所以我把它全部移到一个单独的 .CSS 文件中并链接到它。长话短说，我最终将 CSS 暂时放回文件中，并注释掉了对该外部样式表的调用。

因此，规则的应用基于（再次）包含在 cshtml 文件中的内容。这是应该的。我将那里的“点”改为“实心”，现在好多了（仍然需要一些工作/清理）。

但！我仍然觉得奇怪的是，CDT 没有看到页面中的 CSS 规则会影响呈现的 html，但它指向的是不再引用的样式表！那是怎么回事？

于 2013-05-30T19:15:19.850 回答