Ver Mensaje Individual
  #12 (permalink)  
Antiguo 09/07/2018, 14:41
lepe
 
Fecha de Ingreso: febrero-2008
Mensajes: 160
Antigüedad: 16 años, 9 meses
Puntos: 1
Respuesta: Como aplicar border top o añadir triangulos fuera de elemento

Cita:
Iniciado por ArturoGallegos Ver Mensaje
Al realizar la búsqueda y obtener resultados agrega una clase al elemento que tiene borde redondo y aplicalo como ya te indique en mi primer respuesta.


.elemento{border-radius:10px;}
.elemento.activo{border-radius:10px 10px 0 0;}


Asi de simple., como te dijo el compañero Triby, si mostraras tu código con todos tus avances quizás obtendrías mas respuestas.
ya sea que pongas a qui tu código o uses un servicio como http://jsfiddle.net/
Si eso es lo que hice pero no me termina de convencer porque al buscador redondo no quiero que se cambie el border radius. Cuando doy click al buscador se quita el border radius y hasta que no escribes una busqueda "no aparece el listado de resultados" uniendo ambos elementos y ocultando dicho "active" border eliminado.

La opción active o before no funciona desde un elemento (del listado) a otro (al buscador). Hice muchas pruebas en css pero no se como modificar el listado de resultados ya que aquí actua JS y me pierdo.

Imagine que añadiendo un border radius negativo al listado o añadiendo before podría añadir dos triangulos. (en el jsfiddle no se muestra el listado al que quiero añadir los triangulos)

http://jsfiddle.net/zmry06n7/2/