Buen dia, tengo la siguiente clase que se aplica para todos los inputs del DOM
input
{
background: #ffffff;
color: #000000;
padding-left:10px;
padding-top:5px;
padding-bottom:5px;
margin-left: 5px;
margin-top: 0px;
margin-bottom: 5px;
border-radius: 4px;
box-sizing: border-box;
transition: .5s ease;
border: 2px solid #000000;
width: 100%;
max-width: 500px;
box-sizing: border-box;
background: #ffffff;
color: #000000;
}
input:hover
{
padding-left: 30px;
background: #ffffff;
-webkit-box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
box-shadow: 0 2px 2px 0 rgba(90,90,90,0.2) inset;
border-radius: 4px;
border: 2px solid black;
}
input:focus
{
padding-left: 25px;
/*background: rgba(255,253,232,1);*/
}
Quisiera ponerle a unos cuantos inputs un ancho de 50px ya que se digitará valores cortos en ellos, que queden como los de la clase solo que no sea tan ancho, intenté ponerle el atributo witdh="50" pensando que tendría preferencia pero no lo toma, es como si la clase mencionada tuviera mas prevalencia sobre ese atributo, es posible que a esos cuantos inputs, me tome todo lo de la clase pero con un width de 50px?
CSS
, es decir, dependiendo de donde declares el estilo, tendrá mayor o menor importancia respecto a otros. Mejor puedes mirarlo por aquí, puede que aclare tu pregunta: elmaquetadorweb.com/2018/05/…