Textbox with Semi-Transparent Background

Question

Semi-Transparent background of the Textbox is needed, and the text content should be shown as normal.

Style or Brush which can store in the Resource dictionary is good.

NOTE:

My textBox is wrapped within a ContentControl.
This similar question does not help. TextBox with a Transparent Background .

you can set `Background` property to `Transparent`: `` – kmatyaszek Feb 20 '13 at 16:34 — kmatyaszek, Feb 20 '13 at 16:34
@kmatyaszek Could u tell me how to do that in C# code? – dongx Feb 20 '13 at 16:43 — dongx, Feb 20 '13 at 16:43
I gave you answer. Check it :) – kmatyaszek Feb 20 '13 at 16:49 — kmatyaszek, Feb 20 '13 at 16:49

kmatyaszek · Accepted Answer · 2013-02-20T16:59:50.567

17

In XAML you can set Background property to Transparent:

<TextBox Background="Transparent" />

In code-behind you can use following code:

TextBox tb = new TextBox 
{
    Width = 100,
    Background = Brushes.Transparent
};

If you want to set background to transparent to all TextBox you can use following style:

<Style TargetType="TextBox">
    <Setter Property="Background" Value="Transparent" />
</Style>

edited Feb 20 '13 at 16:59

answered Feb 20 '13 at 16:49

kmatyaszek

18,648
9
57
63

It works for a single Textbox, but for some reasons not work for my Textbox wrapped within a ContentControl. Thanks anyway. – dongx Feb 20 '13 at 17:37
@dongx if you show me more code i will try find out why it's not working. I tried `TextBox` wrapped within a `ContentControl` and it's working in my code. – kmatyaszek Feb 20 '13 at 17:42
Do you know how to set the background to be semi-transparent? – dongx Feb 20 '13 at 18:33
Finally, it works. The reason is the textbox's style has been overwrote. – dongx Feb 20 '13 at 18:43

score 1 · Answer 2 · answered Feb 20 '13 at 17:38

If you want to set a semi-transparent background in code-behind you can do this

use a dependency prop on a class that inherits from TextBox

public static readonly DependencyProperty BgColourProperty =
  DependencyProperty.Register("BgColour", typeof(SolidColorBrush), typeof(myTextBox), null);

public SolidColorBrush BgColour
    {
        get { return (SolidColorBrush)GetValue(BgColourProperty); }
        set { SetValue(BgColourProperty, value); }
    }

then set whatever colour you wish using Color.FromArgb() where 1st argument is Alpha component

myTextBox.BgColour = new SolidColorBrush(Color.FromArgb(120,240, 17, 17));

Textbox with Semi-Transparent Background

2 Answers2

Linked