CSS the select field so that it occupy the entire cell of my table - HTML CSS CSS Widget

HTML CSS examples for CSS Widget:Table Cell

  1. HOME
  2. HTML CSS
  3. CSS Widget
  4. Table Cell

Description

CSS the select field so that it occupy the entire cell of my table

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
#status {<!-- w  w  w  .ja va  2s . c  om-->
   width:100%
}
</style> 
 </head> 
 <body> 
  <table> 
   <tbody> 
    <tr> 
     <td width="200" style="background:#ccc"> <select id="status" name="status"> <option value="started">Lorem i</option> <option value="ongoing" selected>Lorem i</option> <option value="denied">Lorem </option> </select> </td> 
    </tr> 
   </tbody> 
  </table>  
 </body>
</html>

Related Tutorials