Ir al contenido principal

Reescribir estilos para campo autocomplete de google maps api v3


.pac-container{
  background-color:#fff !important;
  position:absolute!important;
  z-index:1000 !important;
  border-radius:2px !important;
  border-top:1px solid #d9d9d9 !important;
  font-family:Arial,sans-serif !important;
  box-shadow:0 2px 6px rgba(0,0,0,0.3) !important;
  -moz-box-sizing:border-box !important;
  -webkit-box-sizing:border-box !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}
.pac-container:after{
  content:"" !important;
  padding:1px 1px 1px 0 !important;
  height:16px !important;
  text-align:right !important;
  display:block !important;
  background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2.png) !important;
  background-position:right !important;
  background-repeat:no-repeat !important;
  background-size:104px 16px !important;
}
.hdpi.pac-container:after{
  background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/powered-by-google-on-white2_hdpi.png) !important;
}
.pac-item{
  cursor:default !important;
  padding:0 4px !important;
  text-overflow:ellipsis;
  overflow:hidden !important;
  white-space:nowrap !important;
  line-height:30px !important;
  text-align:left !important;
  border-top:1px solid #e6e6e6 !important;
  font-size:11px !important;
  color:#999 !important;
}
.pac-item:hover{
  background-color:#fafafa !important;
}
.pac-item-selected,
.pac-item-selected:hover{
  background-color:#ebf2fe !important;
  }
.pac-matched{
  font-weight:700 !important;
}
.pac-item-query{
  font-size:13px !important;
  padding-right:3px !important;
  color:#000 !important;
}
.pac-icon{
  width:15px !important;
  height:20px !important;
  margin-right:7px !important;
  margin-top:6px !important;
  display:inline-block !important;
  vertical-align:top !important;
  background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons.png) !important;
  background-size:34px !important;
}
.hdpi .pac-icon{
  background-image:url(https://maps.gstatic.com/mapfiles/api-3/images/autocomplete-icons_hdpi.png) !important;
}
.pac-icon-search{
  background-position:-1px -1px !important;
}
.pac-item-selected .pac-icon-search{
  background-position:-18px -1px !important;
}
.pac-icon-marker{
  background-position:-1px -161px !important;
}
.pac-item-selected .pac-icon-marker{
  background-position:-18px -161px !important;
}
.pac-placeholder{
  color:gray !important;
}

Comentarios

Entradas populares de este blog

Fireworks CS3 portable

Para que hagas los logos, botones e imagenes para tus aplicaciones facil y rapido... ¿Qué es Fireworks? Adobe Fireworks es una aplicación en forma de estudio (basada en la forma de estudio de Adobe Flash ), pero con más parecido a un taller destinado para el manejo híbrido de gráficos vectoriales con Gráficos en mapa de bits y que ofrece un ambiente eficiente tanto para la creación rápida de prototipos de sitios Web e interfaces de usuario, como para la creación y Optimización de Imágenes para web. Originalmente fue desarrollado por Macromedia , compañía que fue comprada en 2005 por Adobe Systems . Fireworks está disponible de forma individual o integrado en Adobe CS3/CS4/CS5 y por tanto ha sido diseñado para integrarse con otros productos de Adobe, como Dreamweaver y Flash . Integración con Adobe Flash La integración con Adobe Flash se ha ido reduciendo paulatinamente desde que Flash, en su versión 7, integró la herramienta PolyStar que hace un polígono

Pasar de una ventana a otra en java

Hola a todos en esta oportunidad estamos postiando algo que cuando empezamos con java es muy necesario y es como pasar de una ventana a otra, ya sea JDialog o JFrame; creados en tiempo de ejecucion o en aplicaciones de escritorio: Para llamar a un JDialog:        JDialog1 dialogo = new JDialog1 ( this , true );        dialogo . show (); y para cerrar un JDialogo de una plicacion de escritorio se puede utilizar:        dispose (); Para llamar a un JFrame:        JFrame1 frame = new JFrame1 ();        frame . show (); Para cerrar un JFrame de una plicacion de escritorio:                 dispose ();   o tambien: System. exit (0); y si se contruye a partir de la clase JFrame se coloca el siguiente codigo en la parte publica del documento:       setDefaultCloseOperation ( EXIT_ON_CLOSE ); Espero los siguientes ejemplos les sean de mucha ayuda... Deja tu comentario o agradecimiento.

Limitar texto con CSS

HTML: <span class= "text" > Hello world this is a long sentence </span> CSS: .text {   display : block ;   width : 100px ;   overflow : hidden ;   white-space : nowrap ;   text - overflow : ellipsis; }  RESULTADO: Hello world t...