Remove default mouseover/focus effect on textboxes

c# wpf expression-blend
mattsven picture mattsven · Jun 19, 2011 · Viewed 35.1k times · Source

I have created a kind of custom TextBox in Expression Blend. I have changed the fill of the background and border to a gradient, and added in a Shadow Effect.

I've noticed that when I mouseover or focus my TextBox, some default behavior/(style?) of WPF takes over and my border is changed.

I was wondering if there was anyway to prevent or stop WPF from changing my TextBoxes style when I focus or mouseover it. Is this possible?

Answer

igorGIS picture igorGIS · Nov 5, 2016

The easier solution is just set texbox border thickness to 0, then wrap texbox to your own border:

<Border BorderBrush="LightGray" BorderThickness="1">
   <TextBox Text="{Binding OutlinePlain, Mode=TwoWay, NotifyOnTargetUpdated=True}"
                         BorderThickness="0"                                
   </TextBox>
</Border>

Related questions

Is there a way to check if WPF is currently executing in design mode or not?

Does anyone know of some global state variable that is available so that I can check if the code is currently executing in design mode (e.g. in Blend or Visual Studio) or not? It would look something like this: //…

Read More
How to add a Blend Behavior in a Style Setter

I have crated a Blend behavior for Button. How can I set that to all of my Buttons in the app. <Button ...> <i:Interaction.Behaviors> <local:MyBehavior /> </i:Interaction.Behaviors> </Button&…

Read More
Loading an external image via XAML code in WPF?

I have an image lock.png beside of my WPF exe file in the images folder. Now, I'm gonna load it into the WPF Project as an image, I've used the following XAML code: <Image Stretch="Fill" Source="pack://…

Read More