CODEWITHSUNDEEP
c#wpfcombobox
KMC
KMC

Reputation: 20046

Unable to style WPF ComboBox on Mouse Hover

Does anyone know how to style the background property of a WPF ComboBox when a mouse is hovering on top of it?

enter image description here

I cannot get rid of the blue-ish button like background off the ComboBox.

Upvotes: 4

Views: 7476

Answers (2)

biju
biju

Reputation: 18000

It will not work.Its because of the default control template of ComboBox.You may need to override the default template for this behavior.Have a look at

MouseOver highlighting style returning to default after a second (Caused by Aero?)

http://social.expression.microsoft.com/Forums/en/blend/thread/b210978c-24e8-431b-916b-a40a752b990c

http://social.msdn.microsoft.com/Forums/en/wpf/thread/a18891e9-8879-4819-9679-247341782f60

Upvotes: 1

Tokk
Tokk

Reputation: 4502

You can style it like anything else:

<Style TargetType="{x:Type ComboBox}" x:Key="HoverBox">
   <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Background" Value="Blue" />
        </Trigger>
    </Style.Triggers>
</Style>

usage: 

<ComboBox Style="{StaticResource HoverBox}" ... />

And at the top of your UserControl/ Window you have to place the style:

<UserControl...>
    <UserControl.Resources>

         <Style TargetType="{x:Type ComboBox}" x:Key="HoverBox">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="Blue" />
                </Trigger>
            </Style.Triggers>
        </Style>

    </UserControl.Resources>

[CONTENT HERE]

</UserControl>

Upvotes: 4

Related Questions