WPF TextBox ugly borders problem

Answer 1

WPF tries to be device independent when rendering UI to the monitor, and won't draw things "pixel perfect" unless you tell it to. Try adding this to your style:

<Setter Property="SnapsToDevicePixels" Value="True" />

That should tell WPF to render each 1-pixel-thick border along a single pixel line.

Answer 2

You need do the followings to solve that problem...

1. SnapsToDevicePixels="True"

2. Dont specify width, do it with the margins

   <Setter Property="BorderBrush" HorizontalAlignment="Left" Margin="2,2,2,2" Value="{StaticResource DarkGray}" />

Hope this helps :)

Answer 3

I think that the left border and upper border is styled, but the right and buttom border stays gray, although I explicitly said in Style that BorderBrush=MyBrush. What do you think? What about to try remove the 3D effect from TextBox?

Answer 4

You could try editing the template for the textboxes and changing the border name Bd to a "real" border instead of the chrome one. Like this:

<ControlTemplate x:Key="TextBoxBaseControlTemplate1" 
          TargetType="{x:Type TextBoxBase}">
  <Border x:Name="Bd" SnapsToDevicePixels="True" 
          Background="{TemplateBinding Background}" 
          BorderBrush="{TemplateBinding BorderBrush}"
          BorderThickness="{TemplateBinding BorderThickness}" >
    <ScrollViewer x:Name="PART_ContentHost" 
              SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}"/>
  </Border>
  <ControlTemplate.Triggers>
    <Trigger Property="IsEnabled" Value="False">
      <Setter Property="Background" TargetName="Bd" 
            Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
      <Setter Property="Foreground" 
           Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
    </Trigger>
  </ControlTemplate.Triggers>
</ControlTemplate>

add this setter to your style to enable the template:

<Setter Property="Template" 
        Value="{DynamicResource TextBoxBaseControlTemplate1}"/>