CSS表格屬性

我試圖設置是一個表中的對象的一些風格，但問題是，屬性不會被應用到實際的對象。CSS表格屬性

的.tblData工作正常，但在標籤和文本框的屬性都應該是或表，但CSS犯規中出現任何ASP.net標籤或文本框獲得適用於他們。

.tblData { 
    border: solid; 
    border-width: 1px; 
    height: 200px; 
    color: rgb(45,40,128); 
    background-color: white; 
    width: 100%; 
    border-radius:3px; 
    margin-top:3px; 

} 
/*Class for the labels*/ 
.tblData label { 
    width: 13%; 
    color:black; 
    border-radius:3px; 
    font-family:verdana; 
    border-radius:3px; 
    border-color:rgba(45,40,128,0.75); 
    border-width:1px; 

} 
/*Class for the data textboxes*/ 
.tblData textbox { 
    border-color: rgba(45,40,128,0.75); 
    border-width: 1px; 
    background-color:rgba(45,40,128,0.10); 
    font-family:Verdana; 
    border-radius:3px; 
}

這是HTML（不能顯示所有的它，因爲該表是巨大的）：

<table id="tblAddress" class="tblData"> 
      <tr> 
       <td class="auto-style3"> 
        <asp:Label ID="lblACNO" runat="server" Text="ACNO" CssClass="Datalabelcolumn"></asp:Label></td> 
       <td class="auto-style2"> 
        <asp:TextBox ID="txtACNO" runat="server" CssClass="autosuggest" Width="20%" ToolTip="This is a test tooltip"></asp:TextBox> 
       </td>

來源

2014-01-10 connersz

顯示你的HTML標記太.... CSS只有不會幫助...或者可能的jsfiddle是最好的選擇！ – NoobEditor

@NoobEditor我從表中加入了一些HTML作爲一個例子。 – connersz

測試盒呈現在輸入類型和標籤跨度呈現根據它 –

在ASP.Net，服務器標籤<asp:Label>將呈現爲HTML <span>。

爲<asp:TextBox>這是<input type='text'>

所以請

從

.tblData label {} 
.tblData textbox{}

改變你的CSS選擇器

.tblData span{} or .tblData .Datalabelcolumn{} 
.tblData input[type="text"]{} or .tblData .autosuggest {}

來源

2014-01-10 10:29:06

你申請不同的CSS類到你的拉布勒和文本框在你的表格內（即Datalabelcolumn和自動提示）。所以它只會應用這些屬性。刪除它們，它會起作用。或提及你在「Datalabelcolumn」和「自動提示」 CSS這些控件類需要的任何風格。

來源

2014-01-10 10:30:46 Naveen

添加class="tblData"到td而不是table

basic demo

 <td class="tblData"> 
      <label>this is a label</label> 
      <textbox>this is textbox</textbox> 
     </td>

來源

2014-01-10 10:31:07 NoobEditor

回答

相關問題