Html 如何确定哪个元素';s属性是否需要修改?
我试图在视觉上清理旧asp.net页面的外观;似乎有些东西有一个border left和border right属性,我需要去掉它,但我无法确定我需要针对哪个元素。以下是问题区域的情况: 我想去掉所有标签左右的垂直线(“开始日期”、“结束日期”、“开始时间”和“结束时间”);我想保留整个shebang的边界,但不保留内部边界/线条 当我直接右键单击“结束日期”标签左侧的垂直线并选择“检查元素”时,Chrome Developer Tools会高亮显示承载“结束日期”标签的元素。如果我在CSS中取消选择“border left”属性,则最左侧的垂直线的一部分将消失,但这不是我想要消除的垂直线-我想要立即消除最左侧的垂直线,而不是最左侧的垂直线。当试图摆脱右边的下一条垂直线时,也会发生类似的情况 以下是Chrome开发者工具向我展示的内容: 以下是html:Html 如何确定哪个元素';s属性是否需要修改?,html,asp.net,css,razor,google-chrome-devtools,Html,Asp.net,Css,Razor,Google Chrome Devtools,我试图在视觉上清理旧asp.net页面的外观;似乎有些东西有一个border left和border right属性,我需要去掉它,但我无法确定我需要针对哪个元素。以下是问题区域的情况: 我想去掉所有标签左右的垂直线(“开始日期”、“结束日期”、“开始时间”和“结束时间”);我想保留整个shebang的边界,但不保留内部边界/线条 当我直接右键单击“结束日期”标签左侧的垂直线并选择“检查元素”时,Chrome Developer Tools会高亮显示承载“结束日期”标签的元素。如果我在CSS中
<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>
content/themes/infocus/images/form gradient.gif')repeat-x滚动0-7px;
边框:2px实心#e0;
}
…所以我注释掉了最后一行(边框),但是,唉,没有任何更改
更新2
我在项目中找到的所有“右边框”字符串都在telerik和jQueryUICSS文件中
此外,Site.css中还有一个索引为“main”的元素
不过,我在cshtml文件中获得了大奖:
我注释掉了其中的所有“border left”和“border right”属性,即:
#trSalesTotal td
#trBeginDate td
#trEndDate td, #trDateValidation1 td
#trDateValidation2 td
…现在我明白了:
所以,我有点过分热情了;将必须找出如何保留远端的垂直线…是时候去实验站了…没有css文件的访问权限有点困难,但我也会检查第一列的
右边框属性。了解,但css情况尤其混乱:外部、内部、,并使用内联CSS。狮子、老虎和熊,噢,天哪!你检查过cols了吗?@vals:什么意思?我在CDT表示中没有看到col…在表的开头,有一个col组,其中有一个col(内联样式中的宽度为40px)。这可能会允许“.fieldsetbox col”或“fieldsetbox colgroup”行中的一些CSS通过开发工具很难发现。不管怎样,只是猜测而已。。。
#trSalesTotal td
#trBeginDate td
#trEndDate td, #trDateValidation1 td
#trDateValidation2 td