# Resaltar campo edición cuando tiene el foco & CSS

**URL:** <https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975>\
**Category:** Velneo\
**Created:** [25 Febrero, 2011 17:09 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975 "2011-02-25T17:09:43Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![andres\_pescapuerta](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@andres\_pescapuerta](https://foros.velneo.com/u/andres_pescapuerta)\
**Post date:** [25 Febrero, 2011 17:09 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/1 "2011-02-25T17:09:43Z")

</div>

Hola, estamos intentando mejorar la interfaz de la aplicación y tenemos algunas dudas.  
La primera : ¿alguien sabe como resaltar un campo cuando gana el foco, de forma sencilla? si no me equivoco con eventos al ganar y perder foco se puede establecer la paleta del control, aunque aún no lo hemos probado, pero esto supone en cada formulario para cada control establecer la paleta al ganar y perder el foco.  
Segundo y más genérico: ¿alguien tiene idea de como funciona CSS en V7 para cambiar el aspecto de las aplicaciones?  
Gracias de antemano y un saludo a todos

---

<div class="post-metadata">

**Author:** ![velavisual1](https://avatars.discourse-cdn.com/v4/letter/v/dbc845/32.png) [@velavisual1](https://foros.velneo.com/u/velavisual1)\
**Post date:** [25 Febrero, 2011 17:18 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/2 "2011-02-25T17:18:06Z")

</div>

@andres

Yo uso esta por defecto:

"  
QLineEdit:focus {  
border: 2px solid blue;  
border-radius: 4px;  
}  
 "

Lo uso al inicio en el autoexec, aunque puedes ponerlo en donde quieras y modificarlo a tu gusto.

saludos  
Antonio Vela  
http://www.velavisual.com

---

<div class="post-metadata">

**Author:** ![vnexo](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/vnexo/32/5719_2.png) [@vnexo](https://foros.velneo.com/u/vnexo)\
**Post date:** [25 Febrero, 2011 17:33 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/3 "2011-02-25T17:33:20Z")

</div>

Hola Antonio  
Yo ademas de ese utilizo estos otros:  
 QCheckBox:focus { border: 2px solid blue; border-radius: 4px; }  
 QRadioButton:focus { border: 2px solid blue; border-radius: 4px; }  
 QTextEdit:focus { border: 2px solid blue; border-radius: 4px; }  
 QLineEdit:focus { border: 2px solid blue; border-radius: 4px; }  
Pero lo que no consigo es darle estilos a los microscrolers. Estos parecen los intocables.  
¿Alguien sabe como meterles mano?

Un saludo  
Manolo

---

<div class="post-metadata">

**Author:** ![velavisual1](https://avatars.discourse-cdn.com/v4/letter/v/dbc845/32.png) [@velavisual1](https://foros.velneo.com/u/velavisual1)\
**Post date:** [25 Febrero, 2011 18:04 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/4 "2011-02-25T18:04:45Z")

</div>

@Manolo

En este hilo se menciona algo:

http://velneo.es/foros/topic/campos-numericos-introducir-un-numero#post-15719

Yo tambien he aplicado a -huevo- como decimos por aquí, hojas de qt directamente (archivos .qss) y algunos cambios han dado resultado.

Aplico estos **.qss** para ver hasta donde **velneo** interpreta las hojas de estilo de qt. Y sí, es cierto, los microscrollers no cambian en aquello que deseamos.

saludos  
Antonio Vela

---

<div class="post-metadata">

**Author:** ![vnexo](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/vnexo/32/5719_2.png) [@vnexo](https://foros.velneo.com/u/vnexo)\
**Post date:** [25 Febrero, 2011 22:44 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/5 "2011-02-25T22:44:10Z")

</div>

Hola Antonio  
Creo que coincidimos ... si alguien sabe anulas las flechitas que levante la mano.  
Tampoco estaria de mas si alguien conoce como formatear el contenido de los edit o microscrolers desde css.  
Un saludo  
Manolo

---

<div class="post-metadata">

**Author:** ![jorge.hontoria](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/jorge.hontoria/32/86_2.png) [@jorge.hontoria](https://foros.velneo.com/u/jorge.hontoria)\
**Post date:** [26 Febrero, 2011 16:25 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/6 "2011-02-26T16:25:34Z")

</div>

http://velneo.es/foros/topic/campos-numericos-introducir-un-numero

Revisar el ejemplo de Overall

---

<div class="post-metadata">

**Author:** ![overall.massoicb](https://avatars.discourse-cdn.com/v4/letter/o/dec6dc/32.png) [@overall.massoicb](https://foros.velneo.com/u/overall.massoicb)\
**Post date:** [27 Febrero, 2011 10:01 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/7 "2011-02-27T10:01:27Z")

</div>

Buenos días,

Para Antonio: Con este estilo podrás controlar los campos maestro; VCEditMaestro {}

Saludos  
**Overall**  
Luis Palomo  
[overall@massoicb.com](mailto:overall@massoicb.)  
[www.overall-bcn.com/v7](http://www.overall-bcn.com/v7)

---

<div class="post-metadata">

**Author:** ![velavisual1](https://avatars.discourse-cdn.com/v4/letter/v/dbc845/32.png) [@velavisual1](https://foros.velneo.com/u/velavisual1)\
**Post date:** [27 Febrero, 2011 10:47 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/8 "2011-02-27T10:47:58Z")

</div>

@overall

Gracias Luis

saludos  
Antonio Vela  
http://www.velavisual.com

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Komenco](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@Giuseppe\_Komenco](https://foros.velneo.com/u/Giuseppe_Komenco)\
**Post date:** [27 Febrero, 2011 22:22 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/9 "2011-02-27T22:22:23Z")

</div>

Os pasa como a mi, que si tenemos un control edición, que enlaza a un maestro (y aparecen los microscrollers por lo tanto..), no coge el CSS? Alguien sabe si el tipo de control sería distinto?

No me aplica ni el CSS de QLineEdit para los edits, ni el QSpinBox de microscrollers.

---

<div class="post-metadata">

**Author:** ![vnexo](https://yyz1.discourse-cdn.com/flex035/user_avatar/foros.velneo.com/vnexo/32/5719_2.png) [@vnexo](https://foros.velneo.com/u/vnexo)\
**Post date:** [27 Febrero, 2011 22:40 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/10 "2011-02-27T22:40:23Z")

</div>

Hola  
Para los enlaces a maestro es el control VCEditMaestro  
Pero a pesar de desactivar las flechas siguen funcionando.  
Un saludo

---

<div class="post-metadata">

**Author:** ![andres\_pescapuerta](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@andres\_pescapuerta](https://foros.velneo.com/u/andres_pescapuerta)\
**Post date:** [28 Febrero, 2011 10:51 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/11 "2011-02-28T10:51:41Z")

</div>

Hola,

muchas gracias a todos por la colaboración.  
¿Alguien sabe cómo modificar los colores de las rejillas (cabeceras de columna, filas alternas, fila seleccionada, etc.?  
¿Y como cambiar el color de la selección del texto en los campos EDIT? por defecto me aparece en azul

Gracias de nuevo y un saludo

---

<div class="post-metadata">

**Author:** ![andres\_pescapuerta](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@andres\_pescapuerta](https://foros.velneo.com/u/andres_pescapuerta)\
**Post date:** [28 Febrero, 2011 13:32 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/12 "2011-02-28T13:32:13Z")

</div>

Hola de nuevo,

consigo manejar algunas cosas de las rejillas  
"  
QTableView {  
 selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5,  
 stop: 0 #d0b0b8, stop: 1 white);  
 alternate-background-color: #e8d8e0;  
 }  
QTableView QTableCornerButton::section {  
 background: #a06070;  
 border: 2px outset #a06070;  
 }  
"

pero no consigo cambiar el color de las cabeceras de las columnas. ¿Alguna idea?

Gracias

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/d/de27a9fb79c7b52c0aa3bcb16716a6a719589827.png)

![image](https://cdck-file-uploads-canada1.s3.dualstack.ca-central-1.amazonaws.com/flex035/uploads/velneo/original/2X/d/de27a9fb79c7b52c0aa3bcb16716a6a719589827.png)

---

<div class="post-metadata">

**Author:** ![overall.massoicb](https://avatars.discourse-cdn.com/v4/letter/o/dec6dc/32.png) [@overall.massoicb](https://foros.velneo.com/u/overall.massoicb)\
**Post date:** [28 Febrero, 2011 13:38 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/13 "2011-02-28T13:38:15Z")

</div>

Hola, podrás cambiar el aspecto de la cabecera con QHeaderView{}

Saludos  
**Overall**  
Luis Palomo  
[overall@massoicb.com](mailto:overall@massoicb.)  
[www.overall-bcn.com/v7](http://www.overall-bcn.com/v7)

---

<div class="post-metadata">

**Author:** ![andres\_pescapuerta](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@andres\_pescapuerta](https://foros.velneo.com/u/andres_pescapuerta)\
**Post date:** [1 Marzo, 2011 13:31 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/14 "2011-03-01T13:31:01Z")

</div>

Hola, dejo algunas cosas que estamos utilizando y probando con CSS en nuestra apliación

/\* Botones \*/  
QPushButton {  
text-align: center left;  
border: 5px;  
}  
QPushButton:pressed {  
background-color: qlineargradient(x1: 0, y1: 0, x2: 0, y2: 1,  
stop: 0 #dadbde, stop: 1 #f6f7fa);  
}

/\* Edits \*/  
QLineEdit:focus {  
border: 2px solid #a06070;  
border-radius: 4px;  
/\*background: #a06070;\*/  
selection-background-color: #a06070;  
}  
QCheckBox:focus {  
border: 2px solid #a06070;  
border-radius: 4px;  
/\*background: #a06070;\*/  
selection-background-color: #a06070;  
}  
QRadioButton:focus {  
border: 2px solid #a06070;  
border-radius: 4px;  
/\*background: #a06070;\*/  
selection-background-color: #a06070;  
}  
QTextEdit:focus {  
border: 2px solid #a06070;  
border-radius: 4px;  
/\*background: #a06070;\*/  
selection-background-color: #a06070;  
}  
QLineEdit:focus {  
border: 2px solid #a06070;  
border-radius: 4px;  
/\*background: #a06070;\*/  
selection-background-color: #a06070;  
}  
VCEditMaestro:focus {  
border: 2px solid #a06070;  
border-radius: 4px;  
/\*background: #a06070;\*/  
selection-background-color: #a06070;  
}  
QDateEdit:focus {  
selection-background-color: #a06070;  
}  
QDateTimeEdit:focus {  
selection-background-color: #a06070;  
}

/\* Rejillas \*/  
QTableView {  
 selection-background-color: qlineargradient(x1: 0, y1: 0, x2: 0.5, y2: 0.5,  
 stop: 0 #d0b0b8, stop: 1 #d0b0b8);  
 column-background-color: #a06070;  
 column-color: #a06070;  
 alternate-background-color: #e8d8e0;  
 }  
QTableView QHeaderView::section{  
 color: white;  
 background-color: #a06070;  
 font: bold;  
 }  
QTableView QTableCornerButton::section {  
 background: #a06070;  
 border: 2px outset #a06070;  
 }

/\* Cajas de grupo \*/  
QGroupBox {  
background-color: grey;  
}

Un saludo

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Komenco](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@Giuseppe\_Komenco](https://foros.velneo.com/u/Giuseppe_Komenco)\
**Post date:** [1 Marzo, 2011 13:37 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/15 "2011-03-01T13:37:56Z")

</div>

Pregunta tonta..

Si asignamos una imágen, donde busca las imágenes, y no menos importante, como se suben?

Me explico, en otro hilo, creo que fué overall, tenía un CSS donde cambiaba las imágenes de las flechas, pero como y donde las aloja? en la carpeta datos? o como?

Un saludo.

---

<div class="post-metadata">

**Author:** ![andres\_pescapuerta](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@andres\_pescapuerta](https://foros.velneo.com/u/andres_pescapuerta)\
**Post date:** [1 Marzo, 2011 18:21 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/16 "2011-03-01T18:21:20Z")

</div>

Los de las imágenes a ver si este fin de semana puedo probar algo ... y si alguien sabe que responda :)  
NOTA: para los microscrollers hay que modificar las clases QSpinBox y **QDoubleSpinBox**  
Saludos

---

<div class="post-metadata">

**Author:** ![gegeo](https://avatars.discourse-cdn.com/v4/letter/g/e36b37/32.png) [@gegeo](https://foros.velneo.com/u/gegeo)\
**Post date:** [1 Marzo, 2011 18:26 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/17 "2011-03-01T18:26:42Z")

</div>

Lo puse en otro hilo, por si quereis ocultar las flechas, es estableciendo las flechitas "up y down" con formato de fondo transparente::

> QSpinBox, QDoubleSpinBox, VCEditMaestro{  
> background-color: #FFF;  
> border: 2px solid #999792;  
> border-radius: 3px;  
> }  
> **QSpinBox:down-button, QDoubleSpinBox:down-button, VCEditMaestro:down-button, QSpinBox:up-button, QDoubleSpinBox:down-button, VCEditMaestro:up-button** {  
> margin: 1px 1px 1px 1px;  
> subcontrol-origin: border;  
> subcontrol-position: top right;  
> width: 10px;  
> height: 10px;  
> **background-color: transparent;**  
> }

Saludos

---

<div class="post-metadata">

**Author:** ![bannu](https://avatars.discourse-cdn.com/v4/letter/b/f9ae1b/32.png) [@bannu](https://foros.velneo.com/u/bannu)\
**Post date:** [1 Marzo, 2011 18:32 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/18 "2011-03-01T18:32:41Z")

</div>

Las imágenes las guardas en el directorio donde tú quieras, puedes utilizar la ruta completa :  
  
**C:/Carpeta/Carpeta**

O si la carpeta de las imágenes están en el directorio del vclient :

**:/images/bt\_01\_off.png**

---

<div class="post-metadata">

**Author:** ![Giuseppe\_Komenco](https://avatars.discourse-cdn.com/v4/letter/g/5fc32e/32.png) [@Giuseppe\_Komenco](https://foros.velneo.com/u/Giuseppe_Komenco)\
**Post date:** [1 Marzo, 2011 21:26 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/19 "2011-03-01T21:26:59Z")

</div>

Lo del VCEditMaestro de donde os lo habéis sacado? Consultado a soporte? Hay algún otro widget "oculto" que no sepamos?

---

<div class="post-metadata">

**Author:** ![andres\_pescapuerta](https://avatars.discourse-cdn.com/v4/letter/a/c67d28/32.png) [@andres\_pescapuerta](https://foros.velneo.com/u/andres_pescapuerta)\
**Post date:** [3 Marzo, 2011 17:07 UTC](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975/20 "2011-03-03T17:07:12Z")

</div>

¿Alguien sabe cuál es el objeto en Qt/CSS para poder cambiar el color de fondo de un formulario?

[Página siguiente](https://foros.velneo.com/t/resaltar-campo-edicion-cuando-tiene-el-foco-css/2975.md?page=2)