如何确定需要修改哪个元素的属性？

Question

我正在尝试直观地清理旧版asp.net页面的外观;似乎某些东西有一个我需要摆脱的border-left和border-right属性，但是我无法确定我需要定位哪个元素。以下是有问题的区域：

我想摆脱所有标签左右两边的垂直线（“开始日期”，“结束日期”，“开始时间”和“结束时间”）;我想保持围绕整个shebang的边界，但不是内边界/线。

当我直接右键单击“结束日期”标签左侧的垂直线并选择“检查元素”时，Chrome开发者工具会突出显示＆lt; td＆gt;托管“EndDate”标签。如果我取消选择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'）repeat-x scroll 0 -7px;             border：2px solid＃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

......现在我明白了：

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