html - どの要素の属性を変更する必要があるかを判断するにはどうすればよいですか?

Question

従来のasp.netページの外観を視覚的にクリーンアップしようとしています。何かに削除する必要がある border-left および border-right プロパティがあるようですが、どの要素をターゲットにする必要があるかを判断できません。問題のある領域は次のようになります。

すべてのラベル (「開始日」、「終了日」、「開始時間」、「終了時間」) の左右の縦線を取り除きたい。シバン全体を囲む境界線を維持したいのですが、内側の境界線/線は維持したくありません。

「終了日」ラベルの左側にある垂直線を直接右クリックして「要素の検査」を選択すると、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') repeat-x scroll 0 -7px; ボーダー: 2px ソリッド #E0E0E0; }

…ということで最後の行(border)をコメントアウトしたのですが、残念ながら変更はありません。

更新 2

私がプロジェクトで見つけた「border-right」文字列はすべて、telerik および jquery-ui css ファイルにありました。

また、Site.css には、インデックスが「main」の要素用の 1 つがあります。

ただし、cshtmlファイルで大当たりしました：

そこにある「border-left」および「border-right」プロパティをすべてコメントアウトしました。

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

...そして今、私はこれを取得します:

それで、私はそこで少し熱心になりました。遠端の垂直線を維持する方法を考え出す必要があります...実験ステーションに行く時間です...