0

我正在尝试从视觉上清理旧版 asp.net 页面的外观；似乎某些东西具有我需要摆脱的边界左和边界右属性，但我无法确定我需要定位哪个元素。这是有问题的区域的样子：

在此处输入图像描述

我想去掉所有标签左右的垂直线（“开始日期”、“结束日期”、“开始时间”和“结束时间”）；我想保持整个shebang周围的边界，而不是内部边界/线。

当我直接右键单击“结束日期”标签左侧的垂直线并选择“检查元素”时，Chrome 开发人员工具会突出显示承载“结束日期”标签的 <td>。如果我在 CSS 中取消选择“border-left”属性，最左边的垂直线的一部分会消失，但这不是我想要摆脱的——我想立即摆脱垂直线到左边，而不是最左边的那个。当试图摆脱右边的下一条垂直线时，也会发生类似的事情。

以下是 Chrome 开发者工具向我展示的内容：

在此处输入图像描述

这是html：

<div class="fieldsetbox" style="width: 640px;">
    <table style="border: none; border-collapse: collapse; table-layout: fixed;">
        <colgroup>
            <col style="width: 40px;" />
        </colgroup>
        <tr>
            <td colspan="5">
                @Html.LabelFor(m => m.LabelDateRange)
            </td>
        </tr>
        <tr id="trBeginDate">
            <td>
            </td>
            <td>
                @Html.LabelFor(m => m.BeginDate)
            </td>
            <td style="padding-right: 20px;">
                @Html.TextBoxFor(m => m.BeginDate, new {alt = "date-us", style = "width: 109px;"})
            </td>
            <td>
                @Html.LabelFor(m => m.BeginTime)
            </td>
            <td style="padding-right: 20px;">
                @Html.TextBoxFor(m => m.BeginTime, new {style = "width: 109px;"})
            </td>
        </tr>

        <tr id="trEndDate">
            <td>
            </td>
            <td>
                @Html.LabelFor(m => m.EndDate)
            </td>
            <td style="padding-right: 20px;">
                @Html.TextBoxFor(m => m.EndDate, new {alt = "date-us", style = "width: 109px;"})
            </td>
            <td>
                @Html.LabelFor(m => m.EndTime)
            </td>
            <td>
                @Html.TextBoxFor(m => m.EndTime, new {style = "width: 109px;"})
            </td>
        </tr>
        <tr id="trDateValidation1">
            <td>
            </td>
            <td colspan="2">
                @Html.ValidationMessageFor(m => m.BeginDate)
            </td>
            <td colspan="2">
                @Html.ValidationMessageFor(m => m.BeginTime)
            </td>
        </tr>
        <tr id="trDateValidation2">
            <td>
            </td>
            <td colspan="2">
                @Html.ValidationMessageFor(m => m.EndDate)
            </td>
            <td colspan="2">
                @Html.ValidationMessageFor(m => m.EndTime)
            </td>
        </tr>

我感觉有点像海角上的永生蜘蛛，试图连接球体，但不知道在哪里连接我的细丝。

更新

按照“vals”推荐的路径，我发现整个解决方案中没有“fieldsetbox col”……

但是，我确实发现：

    .fieldsetbox
    {
        margin: 2em 0;
        padding: 0 1em 1em 1em;
        background: #F9F9F9 url('/@System.Configuration.ConfigurationManager.AppSettings["ApplicationHome"]/Content/wp-

content/themes/infocus/images/form-gradient.gif') 重复-x 滚动 0 -7px; 边框：2px 实心#E0E0E0；}

...所以我注释掉了最后一行（边框），但是，唉，没有任何改变。

更新 2

我在项目中找到的所有“border-right”字符串都在 telerik 和 jquery-ui css 文件中。

此外，Site.css 中有一个用于索引为“main”的元素

不过，我用 cshtml 文件中奖了：

我注释掉了其中的所有“border-left”和“border-right”属性，即：

#trSalesTotal td
#trBeginDate td
#trEndDate td, #trDateValidation1 td
#trDateValidation2 td

...现在我明白了：

在此处输入图像描述

所以，我在那里有点过分热心；将不得不弄清楚如何保留远端的垂直线……是时候去实验站了……

4

0 回答 0