在WPF MaterialDesign中悬停自定义控件

时间:2016-09-27 01:35:05

标签: c# wpf xaml hover material-design

我想为控件添加悬停效果(更改边框颜色或背景颜色)。我找到了许多关于它的答案,例如: WPF: On Mouse hover on a particular control, increase its size and overlap on the other controls

问题是我正在使用自定义控件(我特意使用materialdesign来表示wpf)。我甚至不知道在TargetType上放什么。

更新:这是我到目前为止所做的。我删除了不相关的代码。

正如我所说,我不知道在TargetType上放什么,所以我试图放Control但是它没有用。

<md:Card 
    Margin="4 4 4 4" 
    Width="100" 
    Height="220"
    >
    <md:Card.Style>
        <Style TargetType="{x:Type Control}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="True">
                    <Setter Property="Background" Value="Red"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </md:Card.Style>
    <Grid>
    </Grid>
</md:Card>

1 个答案:

答案 0 :(得分:3)

试试这个:

<select name="fruits" id="fruits" data-placeholder="Choose a fruit...">
    <option> </option>
    <optgroup label="Green color fruit" id="opt-group-1">
        <option value="melon" <?php echo set_select('fruits', 'melon');?>>melon</option>
        <option value="watermelon" <?php echo set_select('fruits', 'watermelon');?>>water melon</option>
        ....
    </optgroup>
</select>

enter image description here