TextBox Mouse Over

[Gramli]

Hi,

my TextBox is styled like this:

    <TextBox Text="{Binding Text}"
             IsReadOnly="True"
             AcceptsReturn="True" 
             TextWrapping="Wrap"
             FontWeight="Medium"
             Background="Black"
             Foreground="White"
             ScrollViewer.HorizontalScrollBarVisibility="Auto"
             ScrollViewer.VerticalScrollBarVisibility="Auto"/>

but when mouse over it, background color is changed to white (it hides text).

Is there any way to set style for background when mouse over it?

[maxkatz6]

You need to override these styles:
https://github.com/AvaloniaUI/Avalonia/blob/master/src/Avalonia.Themes.Fluent/Controls/TextBox.xaml#L118-L125

I assume you are using Fluent theme.

[Gramli]

Yes, Fluent theme.

Nice! Thanks!

At the end, it behaves strange: after some clicks mouse over was fine but mouse out change background to white again.
So I have to override focus too.

There is my solution, if someone need:

  <UserControl.Styles>
    <Style Selector="TextBox:pointerover /template/ Border#PART_BorderElement">
      <Setter Property="BorderBrush" Value="Black"/>
      <Setter Property="Background" Value="Black" />
    </Style>
    <Style Selector="TextBox:focus /template/ Border#PART_BorderElement">
      <Setter Property="Background" Value="Black"/>
      <Setter Property="BorderBrush" Value="Black"/>
      <Setter Property="BorderThickness" Value="0" />
    </Style>
  </UserControl.Styles>
  <ScrollViewer>
    <TextBox Text="{Binding Text}"
             IsReadOnly="True"
             AcceptsReturn="True" 
             TextWrapping="Wrap"
             FontWeight="Medium"
             Background="Black"
             Foreground="White"
             ScrollViewer.HorizontalScrollBarVisibility="Auto"
             ScrollViewer.VerticalScrollBarVisibility="Auto"/>
  </ScrollViewer>