2016-05-13 1 views
0

Vorstellung:Wie kann ich die Farbe meines Buttons entfernen und/oder sein Verhalten kontrollieren?

Vor Clicked -> Nach dem Anklicken -> Nach Veröffentlichung

enter image description hereenter image description hereenter image description here

Was tatsächlich passiert:

Vor Clicked -> Nach dem Anklicken -> Nach Freigabe

enter image description hereenter image description here

So bleibt der Rand der Schaltfläche grün, bis der Benutzer eine andere Taste drückt (die andere Schaltfläche wird grün). Wie kann ich dieses Verhalten überschreiben? Und wenn ich das nicht kann, dann möchte ich das ganze Green-Border-Ding entfernen. Ich konnte das nicht durch die Eigenschaften tun. Randstärke ist 0 und kein Rand Pinsel auf dieser Schaltfläche. Wie kann ich das tun? Bitte und Dank

EDIT: XAML

<Button x:Name="UpButton" Margin="0,5,5,0" Grid.Row="1" Grid.Column="1" PreviewMouseUp="UpButton_PreviewMouseUp" BorderThickness="0" > 
    <StackPanel Height = "90" > 
     <TextBlock x:Name="UpButtonText" Text="Up" FontSize="13" Width="18" Margin="0,2,0,4"/> 
     <Image x:Name="UpButtonImage" Width="55" Source="/EZ3D;component/Resources/loc_up.png" Height="58"/> 
    </StackPanel> 
</Button> 
+0

die grüne Grenze durch CSS gesetzt? – sammarcow

+0

@sam Nein. Ich denke, es ist aus einem Ressourcen-Wörterbuch von dev Express –

+0

Code hinter oder MVVM zur Verfügung gestellt? – StepUp

Antwort

0

das Bild wieder auf den ursprünglichen Satz, wenn die Maus Abmessungen des Bildes austritt.

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onmouseover

Beispiel erfordert jQuery:

<Button x:Name="UpButton" Margin="0,5,5,0" Grid.Row="1" Grid.Column="1" PreviewMouseUp="UpButton_PreviewMouseUp" BorderThickness="0" > 
    <StackPanel Height = "90" > 
     <TextBlock x:Name="UpButtonText" Text="Up" FontSize="13" Width="18" Margin="0,2,0,4"/> 
     <Image x:Name="UpButtonImage" Width="55" Source="/EZ3D;component/Resources/loc_up.png" Height="58" onmouseout="javascript:$(\"[name^='UpButtonImage']\").attr(\"src\",\"/EZ3D;component/Resources/loc_up.png\"); 

}); ";" />

+0

Hallo, dieses Verhalten ist nicht etwas mit dem Bild verwandt. Es bezieht sich auf den Button als Ganzes –

+0

In Ihrer Frage haben wir gefragt, ob das Grün über CSS gesetzt ist. In beiden Fällen ist das Konzept identisch: Verwenden Sie die JavaScript onmouse-Funktion, um festzustellen, wann die Maus den Hover-Bereich der Schaltfläche verlassen hat, und legen Sie den entsprechenden Stil fest. Sie müssten den Code angeben, der den Stil festlegt, aber die Eigenschaft, die Sie wahrscheinlich wollen, ist 'border-style: none' – sammarcow