saludos a todos.
ok muchachos gracias por la información, creee el archivo de la siguiente forma y ya parece funcionar jeje:
Código CSS:
Ver original.tabla1 text {
background: #EAEAEC;
border: none;
font-size: 13px;
font-family: "arial";
height: 20px;
}
.tabla1 caja {
border:0.5px solid black;
height:25px;
overflow: hidden;
position:relative;
}
.tabla1 select {
background: #EAEAEC;
border: none;
font-size: 13px;
font-family: "arial";
height: 20px;
}
.tabla1 button {
border: none;
background: #f2f2f2;
color: #3a7999;
padding: 4px 20px;
font-size: 12px;
border-radius: 5px;
position: relative;
box-sizing: border-box;
transition: all 500ms ease;
}
.tabla1 button:hover {
background: rgba(0,0,0,0);
color: #f2f2f2;
box-shadow: inset 0 0 0 3px #ADADB1;
}
.buscar{
width: 45px; /*ancho por defecto*/
background-image: url('imagenes\lupa.jpg') no-repeat 9px center; /*icono lupa*/
padding: 9px 10px 9px 32px;
border-radius: 15em;
-webkit-transition: all .5s; /* transición de .5seg a todos los elementos para chrome*/
-moz-transition: all .5s; /* transición de .5seg a todos los elementos para mozilla*/
-o-transition: all .5s; /* transición de .5seg a todos los elementos para ophera*/
transition: all .5s; /* transición de .5seg a todos los elementos*/
outline: none; /* ocultar el fucos automático de los input */
}
.tabla1 select:focus{ outline: none;}
.tabla1 caja::after{
content:"\025be";
background-color:#d9d9d9;
position:absolute;
top:0;
right:0px;
}
.table{
border:3px solid #1199cc;
background: #FFF;
border-top-left-radius:15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-bottom-right-radius:15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-right-radius:15px;
}
.table td{
background: #ffffff;
}
.table th{
border-top-left-radius:15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-bottom-right-radius:15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-right-radius:15px;
background: #ffffff;
}
.table textarea{
border-top-left-radius:15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-bottom-right-radius:15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-right-radius:15px;
background: #cccccc;
resize: none;
}
.table select {
border-top-left-radius:15px;
-moz-border-top-right-radius: 15px;
-webkit-border-top-left-radius: 15px;
border-bottom-right-radius:15px;
-moz-border-bottom-right-radius: 15px;
-webkit-border-bottom-right-radius:15px;
background: #cccccc;
}
ahora el problema que tengo es que en el campo del boton no me quiere cargar la imagen para el boton, no se si tengan alguna idea de porque pudiera ser?
el boton lo cargo con class="buscar" asi: