# CSS Boton menu del DataCatcherEdit

**URL:** <https://foros.velneo.com/t/css-boton-menu-del-datacatcheredit/8495>\
**Category:** Velneo\
**Created:** [16 Noviembre, 2015 10:31 UTC](https://foros.velneo.com/t/css-boton-menu-del-datacatcheredit/8495 "2015-11-16T10:31:09Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![rid0406](https://avatars.discourse-cdn.com/v4/letter/r/eb8c5e/32.png) [@rid0406](https://foros.velneo.com/u/rid0406)\
**Post date:** [16 Noviembre, 2015 10:31 UTC](https://foros.velneo.com/t/css-boton-menu-del-datacatcheredit/8495/1 "2015-11-16T10:31:09Z")

</div>

Hola  
Alguien tiene algún ejemplo de como modificar el botón de menú del DataCatcherEdit?  
He conseguido modificar el DataCatcher con la etiqueta VDataCatcherEdit  
Pero el botón no consigo modificarlo con las etiquetas mencionadas por Paco en un foro anterior  
(VDataCatcherEditBrowser, VBoundFieldEdit)

Gracias  
Att Dani

---

<div class="post-metadata">

**Author:** ![rid0406](https://avatars.discourse-cdn.com/v4/letter/r/eb8c5e/32.png) [@rid0406](https://foros.velneo.com/u/rid0406)\
**Post date:** [16 Noviembre, 2015 12:19 UTC](https://foros.velneo.com/t/css-boton-menu-del-datacatcheredit/8495/2 "2015-11-16T12:19:56Z")

</div>

Bueno resolviendo mi duda anterior después de muchas pruebas e conseguido modificar el botón del dataCatcher a mi gusto.  
Supongo que en las etiquetas up-arrow y down-arrow podremos añadir una imagen yo de momento no lo e investigado.  
Os dejo el ejemplo:

VDataCatcherEdit {  
background-color: #FFF;  
selection-background-color: #CE352C; /_Texto subrayado_/  
selection-color: #FFF;  
padding: 5px;  
border: 1px solid #E17E7A;  
color: #000;  
}  
VDataCatcherEdit:hover {  
border-color: #CE352C;  
}  
VDataCatcherEdit:focus {  
background-color: #F6CECE;  
padding: 4px;  
border: 2px solid #E17E7A;  
}  
VDataCatcherEdit:disabled {  
background-color: #CECECE;  
border: none;  
color: #444;  
}  
VDataCatcherEdit::up-button {  
background-color: #E17E7A;  
border-bottom: 1px solid #FFF;  
}  
VDataCatcherEdit::up-arrow {  
background-color: #FFF;  
height: 3px;  
width: 5px;  
}  
VDataCatcherEdit::up-arrow:hover {  
background-color: #9A1616;  
}  
VDataCatcherEdit::down-button {  
background-color: #E17E7A;  
}  
VDataCatcherEdit::down-arrow {  
background-color: #FFF;  
height: 3px;  
width: 5px;  
}  
VDataCatcherEdit::down-arrow:hover {  
background-color: #9A1616;  
}  
VDataCatcherEdit::down-arrow:disabled {  
background-color: #CECECE;  
border: none;  
color: #444;  
}  
VDataCatcherEdit::drop-down {  
background-color: #E17E7A;  
width: 15px;  
}