C
C#•12mo ago
Kagano

✅ Avalonia UI button doesn't color by hover!

alls works great, but i doesnt change the color by Button:pointerover i have no plan why, 
 <UserControl.Styles>
  <Style Selector="Button:pointerover">

      <Setter Property="Width" Value="300"></Setter>
      <Setter Property="Background" Value="Red"></Setter>
  </Style>
  <Style Selector="Button">

      <Setter Property="Background" Value="Green"></Setter>
  </Style>


<Button Content="Test"></Button>
 </UserControl.Styles>
 <UserControl.Styles>
  <Style Selector="Button:pointerover">

      <Setter Property="Width" Value="300"></Setter>
      <Setter Property="Background" Value="Red"></Setter>
  </Style>
  <Style Selector="Button">

      <Setter Property="Background" Value="Green"></Setter>
  </Style>


<Button Content="Test"></Button>
 </UserControl.Styles>
3 Replies
Honza K.
Honza K.•12mo ago
you must change it in the template itself... 
    <Style Selector="Button:pointerover /template/ ContentPresenter#PART_ContentPresenter">
        <Setter Property="Background" Value="{DynamicResource Button.MouseOver.Background}"/>
        <Setter Property="TextBlock.Foreground" Value="{DynamicResource Button.Foreground}"/>
    </Style>
    <Style Selector="Button:pointerover /template/ ContentPresenter#PART_ContentPresenter">
        <Setter Property="Background" Value="{DynamicResource Button.MouseOver.Background}"/>
        <Setter Property="TextBlock.Foreground" Value="{DynamicResource Button.Foreground}"/>
    </Style>
Honza K.
Honza K.•12mo ago
https://docs.avaloniaui.net/docs/guides/styles-and-resources/troubleshooting#selector-with-a-pseudoclass-doesnt-override-the-default
How To Troubleshoot Styles | Avalonia Docs
Much of the Avalonia UI styling system corresponds to CSS styling approaches. So without knowledge of this technology, you may find the hints here helpful.
Kagano
KaganoOP•12mo ago
thank you very much

Did you find this page helpful?