After neglecting this aspect for a while in favor of focusing on the working part, I have now become more concerned about it and unfortunately, the issue persists.
<table cellspacing="0" cellpadding="0" style="border:none">
<tr>
<td class="editor-label" width="140px">
@Html.LabelFor(model => model.UserName)
</td>
<td class="editor-field">
@Html.DisplayFor(model => model.UserName)
</td>
</tr>
....
</table>
Despite removing cellpadding, cellspacing, adding border=none, the table still doesn't respond to CSS. It seems that the row lines are persistent and I can't seem to get rid of them.
Even after removing all class attributes from the td, the problem remains unsolved.
UPDATE
Finally, after removing the conflicting styles from the Style.css file, I was able to fix the issue. However, I am left wondering why I couldn't use inline styles to override the stylesheet settings?
table td {
padding: 5px;
border: solid 1px #e8eef4;
}
For the time being, I will stick with my own custom styling. It makes me question the assumption that every table must have visible lines.