Question

I have a button and checkbox.

<table class = "submit-css">
 <tr>
     <td>                    
         <asp:Button ID="btnSubmit" runat="server" Text="Submit" />
         <asp:CheckBox ID="ckSendMail" runat="server" />
     </td>
 </tr>
</table>

I want to style those two items, but I don’t know how to select them.

.submit-css input[submit]
 {
   //add rules here...
 }

I’ve tried the above selector but it’s not working.

Thanks for helping

Answer 1

Assuming your button is of type submit, you can use the attribute selector:

.submit-css input[type="submit"] {
    // CSS rules here...
}

You can aslo reference just the IDs of the elements (i.e. #btnSubmit and #chckSendMail), or if you want to style both of them with some common rules, just leave off the attribute selector:

.submit-css input {
    // CSS rules here...
}