CSS Boton menu del DataCatcherEdit


([N1] rid0406) #1

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


([N1] rid0406) #2

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;
}