С помощью триггера для установки переднего плана текстового блока при наведении указателя мыши

Я пытаюсь установить блок, чтобы его цвет переднего плана менялся каждый раз курсор мыши пробегает по нему, и это мой код:

<TextBlock Foreground="blue" Margin="18,234,5,-2" Grid.RowSpan="3">
    <Underline>Remove Message</Underline>
    <TextBlock.Style>
        <Style TargetType="TextBlock">
            <Style.Triggers>
                <Trigger Property ="IsMouseOver" Value="True">
                    <Setter Property= "Foreground" Value="Red"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </TextBlock.Style>
</TextBlock>

Когда я пытаюсь изменить свойство setter на любой другой, например FontSize="30", событие происходит.

Ответы

Ответ 1

Это потому, что свойства, установленные на элементе управления, переопределяют значение, определенное в стиле, поэтому ваш Foreground = "синий" переопределит все, что вы установили в стиле. Чтобы исправить это, вы можете переместить Foreground = "синий" в стиле и удалить его из свойств элемента управления.

<TextBlock Margin="18,234,5,-2" Grid.RowSpan="3">
      <Underline>Remove Message</Underline>
      <TextBlock.Style>
           <Style TargetType="TextBlock">
               <Setter Property= "Foreground" Value="Blue"/>
               <Style.Triggers>
                   <Trigger Property ="IsMouseOver" Value="True">
                        <Setter Property= "Foreground" Value="Red"/>
                   </Trigger>
               </Style.Triggers>
            </Style>
       </TextBlock.Style>
</TextBlock>