Change the color upon hovering over Button in Tkinter

Let us suppose that we are creating an application in which we want to change the color of the Button widget while we hover upon it. We can have the hovering property by defining the Event Callbacks.

To change the color of the Button while hovering on it, we have to bind the <Enter> and <Leave> events. For each event, we will configure the button property such as background color, foreground color, etc.

Example

#Import required libraries
from tkinter import *
#Create an instance of tkinter frame
win= Tk()
#Define the geometry of the window
win.geometry("750x250")
#Define functions
def on_enter(e):
   button.config(background='OrangeRed3', foreground= "white")

def on_leave(e):
   button.config(background= 'SystemButtonFace', foreground= 'black')
#Create a Button
button= Button(win, text= "Click Me", font= ('Helvetica 13 bold'))
button.pack(pady= 20)

#Bind the Enter and Leave Events to the Button
button.bind('<Enter>', on_enter)
button.bind('<Leave>', on_leave)
win.mainloop()

Output

Running the above code will display a window that contains a button.

Now, hover over the button in the displayed window. It will change its basic color such as background color and foreground color.

Dev Prakash Sharma

Published on 03-May-2021 08:38:25

• Related Questions & Answers
• How to change the color of ttk button in Tkinter?
• How to make a Button Hover to change the Background Color in Tkinter?
• Display message when hovering over something with mouse cursor in Tkinter Python
• Dynamically change the widget background color in Tkinter
• How to change the mouse pointer color in Tkinter?
• Change the background color of a button with CSS
• Change Color of Button in iOS when Clicked
• Display the overflowed content when hovering over the element with CSS
• Change command Method for Tkinter Button in Python
• How to change text cursor color in Tkinter?
• How to reset the background color of a Python Tkinter button?
• How to change the color of a Tkinter label programmatically?
• How to fully change the color of a Tkinter Listbox?
• How do I change button size in Python Tkinter?
• Change the color of "tab header" in ttk.Notebook (tkinter)