Silverlight brinda la posibilidad de cambiar los estilos de nuestra aplicación de la manera que queramos, por lo que si elegimos algún tema con colores oscuros, nos podíamos encontrar con este problema

1

Un TextBox donde el fondo es negro, por lo que no podemos visualizar el cursor para saber donde estamos parados.

Silverlight 3 nos da la posibilidad de poder cambiar el color del cursos para que no interfiera con el estilo que queremos agregar.

2Vemos que ahora tenemos el cursor de color blanco, permitiendo ver donde estamos parados.

Este es el código desde el XAML

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">TextBox</span> <span style="color: #ff0000">Height</span><span style="color: #0000ff">=&quot;25&quot;</span>

1
<span style="color: #ff0000">Width</span><span style="color: #0000ff">=&quot;250&quot;</span>

1
<span style="color: #ff0000">Foreground</span><span style="color: #0000ff">=&quot;White&quot;</span>

1
<span style="color: #ff0000">Background</span><span style="color: #0000ff">=&quot;Black&quot;</span>

1
<span style="color: #ff0000">Text</span><span style="color: #0000ff">=&quot;Cursor en Blanco&quot;</span>

1
<span style="color: #ff0000">CaretBrush</span><span style="color: #0000ff">=&quot;White&quot;</span> <span style="color: #0000ff">/&gt;</span>

La propiedad importante es CaretBrush, que nos permite definir el color que necesitamos.

También podemos darle un toque más complejo.

3

Este es el código desde el XAML

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">TextBox</span> <span style="color: #ff0000">Height</span><span style="color: #0000ff">=&quot;25&quot;</span>

1
<span style="color: #ff0000">Width</span><span style="color: #0000ff">=&quot;250&quot;</span>

1
<span style="color: #ff0000">Foreground</span><span style="color: #0000ff">=&quot;White&quot;</span>

1
<span style="color: #ff0000">Background</span><span style="color: #0000ff">=&quot;Black&quot;</span>

1
<span style="color: #ff0000">Text</span><span style="color: #0000ff">=&quot;Cursor con LinearGradient&quot;</span><span style="color: #0000ff">&gt;</span>

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">TextBox.CaretBrush</span><span style="color: #0000ff">&gt;</span>

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">LinearGradientBrush</span> <span style="color: #ff0000">StartPoint</span><span style="color: #0000ff">=&quot;0,0&quot;</span>

1
<span style="color: #ff0000">EndPoint</span><span style="color: #0000ff">=&quot;0,1&quot;</span><span style="color: #0000ff">&gt;</span>

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">GradientStop</span> <span style="color: #ff0000">Color</span><span style="color: #0000ff">=&quot;Orange&quot;</span>

1
<span style="color: #ff0000">Offset</span><span style="color: #0000ff">=&quot;0&quot;</span> <span style="color: #0000ff">/&gt;</span>

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">GradientStop</span> <span style="color: #ff0000">Color</span><span style="color: #0000ff">=&quot;Pink&quot;</span>

1
<span style="color: #ff0000">Offset</span><span style="color: #0000ff">=&quot;.5&quot;</span> <span style="color: #0000ff">/&gt;</span>

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">GradientStop</span> <span style="color: #ff0000">Color</span><span style="color: #0000ff">=&quot;Orange&quot;</span>

1
<span style="color: #ff0000">Offset</span><span style="color: #0000ff">=&quot;1&quot;</span> <span style="color: #0000ff">/&gt;</span>

1
<span style="color: #0000ff">&lt;/</span><span style="color: #800000">LinearGradientBrush</span><span style="color: #0000ff">&gt;</span>

1
<span style="color: #0000ff">&lt;/</span><span style="color: #800000">TextBox.CaretBrush</span><span style="color: #0000ff">&gt;</span>

1
<span style="color: #0000ff">&lt;/</span><span style="color: #800000">TextBox</span><span style="color: #0000ff">&gt;</span>

Vemos que podemos definirle variantes de color para generar un efecto más interesante.

Otro punto importante, es que pasa si queremos seleccionar una parte del contenido del TextBox. Tenemos dos propiedades que nos permiten definir el color de fondo y el de selección (SelectionBackground y SelectionForeground).

4

Veamos el código XAML

1
<span style="color: #0000ff">&lt;</span><span style="color: #800000">TextBox</span> <span style="color: #ff0000">Height</span><span style="color: #0000ff">=&quot;25&quot;</span>

1
<span style="color: #ff0000">Width</span><span style="color: #0000ff">=&quot;250&quot;</span>

1
<span style="color: #ff0000">Foreground</span><span style="color: #0000ff">=&quot;White&quot;</span>

1
<span style="color: #ff0000">Background</span><span style="color: #0000ff">=&quot;Black&quot;</span>

1
<span style="color: #ff0000">Text</span><span style="color: #0000ff">=&quot;Color en Selección de Texto&quot;</span>

1
<span style="color: #ff0000">CaretBrush</span><span style="color: #0000ff">=&quot;White&quot;</span>

1
<span style="color: #ff0000">SelectionBackground</span><span style="color: #0000ff">=&quot;White&quot;</span>

1
<span style="color: #ff0000">SelectionForeground</span><span style="color: #0000ff">=&quot;Black&quot;</span> <span style="color: #0000ff">/&gt;</span>

Esta cuestión no está dentro de las novedades más conocidas, pero es algo importante que puede solucionar algunos problemas a la hora de diseñar la aplicación.