css - 如何摆脱从 css 文件继承的 css？

Question

我有无法从页面中删除或更改的 original.css 文件。原始.css

table {
    border-collapse: collapse;
    border-spacing: 0;
}

单选按钮显示边框，只有在使用 chromedev 工具时它似乎消失了我从 original.css 中删除了 border-collapse:collapse。我一直在尝试使用下面的代码覆盖它，但没有任何效果。关于如何删除边框的任何建议？

<style>
input[type="radio"] {
   margin-left: 10px;
   margin-right: 1px;
   border: none;
   border-spacing: 0;
   CellSpacing:-1;
}
</style>
<div class="contact-input-item" style="padding-left: 8.9cm; ">
     <label><b>By:</b> 

    <asp:RadioButtonList ID="send_by" runat="server" RepeatDirection="Horizontal" CssClass="rbl" BorderStyle="None" Style="display: none">
    <asp:ListItem Text="Email" Value="Email" />  <asp:ListItem Text="fax" Value="fax" />
    </asp:RadioButtonList></label>

Answer 1

更具体的 CSS 将覆盖不太具体的 CSS。因此，如果您可以在您的样式标签中使用类名和元素类型，那么可能能够推出该“表格”规范。

<style> .contact-input-item input {...etc...} </style>

作为最后的手段，您可以使用 !important:

<style> 
  .contact-input-item input {
           border-collapse:separate !important;
  } 
</style>