cuadro de entrada simple en el ejemplo de código CSS

Indagamos en el mundo on line para así tenerte la respuesta para tu inquietud, si tienes preguntas déjanos un comentario y respondemos con mucho gusto, porque estamos para servirte.

Ejemplo: aplicar estilo al texto del tipo de entrada

box-sizing: border-box;input[type=text], select, textareawidth:100%;padding:12px;border:1px solid #ccc;border-radius:4px;resize: vertical;labelpadding:12px12px12px0;display: inline-block;input[type=submit]background-color:#4CAF50;color:white;padding:12px20px;border: none;border-radius:4px;cursor: pointer;float: right;input[type=submit]:hoverbackground-color:#45a049;.containerborder-radius:5px;background-color:#f2f2f2;padding:20px;.col-25float: left;width:25%;margin-top:6px;.col-75float: left;width:75%;margin-top:6px;/* Clear floats after the columns */.row:aftercontent:"";display: table;clear: both;/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */@media screen and(max-width:600px).col-25,.col-75, input[type=submit]width:100%;margin-top:0;/*
  HTML:
  
  
  
  

  
  

  
Responsive Form
  
Resize the browser window to see the effect. When the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other.














  

    

      

        

          First Name
        
        

          
        
      
      

        

          Last Name
        
        

          
        
      
      

        

          Country
        
        

          
            Australia
            Canada
            USA
          
        
      
      

        

          Subject
        
        

          
        
      
      

        
      
    
  

  
  
*/

Si te gustó nuestro trabajo, eres capaz de dejar un ensayo acerca de qué te ha parecido esta sección.

---

---

Utiliza Nuestro Buscador