Question

我有这个aspx

<div id="tabs-1">
    <table id="BookingTable" runat="server">
        <tr><th>ID</th><th>PlanTime</th></tr>
    </table>
  </div>
  <div id="tabs-2">
    <div id="circleG" style="margin-left: auto; margin-right: auto; padding-top: 50px; padding-bottom:50px;"><div id="circleG_1" class="circleG"></div><div id="circleG_2" class="circleG"></div><div id="circleG_3" class="circleG"></div></div>
  </div>
  <div id="tabs-3">
      <p>Date: <input type="text" id="datepicker" runat="server" >
        </p> 
      <asp:ScriptManager ID="ScriptManager" runat="server" />
<asp:UpdatePanel ID="UpdatePanel1" UpdateMode="Conditional" runat="server">
    <ContentTemplate>
    <asp:Button id="BookingForDate" runat="server" OnClick="BookingForDate_Click" Text="Search"/> 
        <table id="DateBookingTable" runat="server" >
        <tr><th>ID</th><th>PlanTime</th></tr>
    </table>
      </ContentTemplate>
</asp:UpdatePanel>
  </div>

这是我的css：

#BookingTable, #DateBookingTable{
        overflow:hidden;
        border:1px solid #d3d3d3;
    }

虽然我已经制作了这个#BookingTable, #DateBookingTable，但css只适用于第一个ID，而不是第二个ID，为什么还请？

Answer 1

服务器控件上的ID是自动生成的，与客户端生成的ID不同。

以下是有关您的问题的完整参考： CSS Style Not Working With ID

Answer 2

在浏览器中检查生成的HTML源代码，以确保.Net编译器不会将DateBookingTable重命名为不太容易理解的东西。

Answer 3

试试这个： -

 #MainContent_BookingTable, #MainContent_DateBookingTable{
            overflow:hidden;
            border:1px solid #d3d3d3;
        }

css不适用于两个ID

3 个答案: