设置不可编辑的输入复选框和文本框

Question

我在表格中创建一个登录表单，但我很难按照我想要的方式格式化所有内容（不必介意表格的左边距，只是搞砸了在油漆上）。

我想使它看起来像这样：

但是它目前看起来是这样的：

整个表是一个名为 “span54” DIV中。

复选框“框”目前有50px的宽度（我想这样），但是这也影响了文本框的宽度。

如何区分该div内的文本框？

当前CSS代码：

复选框（检验checkox）

文本（文本框检查）

表代码

<table class="logintable"> 
      <tr> 
       <th colspan="2" rowspan="1">Login</th> 
      </tr> 

      <tr> 
       <td class="creds"><asp:label id="user" runat="server" text="User:" /></td> 
        <td colspan="1" rowspan="1"><input id="UserNameTextBox" type="text" runat="server" /></td> 
        <td colspan="1" rowspan="1"><asp:RequiredFieldValidator ID="vUserName" ControlToValidate="UserNameTextBox" Display="Static" ErrorMessage="Username Inválido" runat="server" /></td> 
      </tr> 

      <tr> 
       <td class="creds"><asp:label id="pass" runat="server" text="Password:" /></td> 
        <td colspan="1" rowspan="1"><input id="PasswordTextBox" type="password" runat="server" /></td> 
        <td colspan="1" rowspan="1"><asp:RequiredFieldValidator ID="vUserPass" ControlToValidate="PasswordTextBox" Display="Static" ErrorMessage="Password Inválida" runat="server" /></td> 
      </tr> 

      <tr> 
       <td colspan="3" rowspan="1"><asp:Button ID="btnlogin" runat="server" Text="Login" Class="btn-login" onclick="LoginButton_Click" /><asp:CheckBox id="RemPassword" cssclass="checkbox" runat="server" autopostback="false" text="Lembrar-me"/></td> 
      </tr> 

      <tr> 
       <td><asp:Label id="MsgLabel" runat="server" /></td> 
      </tr> 

     </table> 

个

Answer 1

编辑文件dq.css，近线336变化width:50px;到width:160px;