【Python/ttk】ボタンの背景色の不具合

Question

tkinterで作成したボタンの背景色を設定したい

tkinterを用いてGUIを作成しています。
下記コードを実行したところ、画像のようなボタンができてしまいました。

実現したいことは、2点です。
①ボタンの背景（画像の灰色部分）を、任意の色に設定したい
（なぜか背景色として設定したはずの色が、ボタンの枠線に現れている）
②ボタンの高さを任意に設定したい

尚これらは、tk.Buttonではなく、下記コードのようにttk.Buttonを用いて実現したいと思っています。
お詳しい方、ご回答よろしくお願いします。

該当のソースコード

import tkinter as tk
import tkinter.ttk as ttk

win = tk.Tk()
win.resizable(False, False)
pad = {"padx": 5, "pady": 5}
cen = tk.CENTER

#win.geometry("500x275")
win.title("tkinter")




#ボタンの作成
fra = tk.Frame(win, cnf=pad)
fra.pack(expand=True, fill="x", padx=10)
fra.columnconfigure([1, 3, 5], weight=1)
fra.rowconfigure([0, 1, 2], weight=1)

style = ttk.Style()
style.configure("Bold.TButton", font=("", "12", "bold"), background="#4682B4", foreground="#FFFFFF")

btn = ttk.Button(fra, text="ボタン",  width=10, style="Bold.TButton", command=btn_click)
btn.pack(anchor=cen)

#ボタンの関数については省略


win.mainloop()

補足情報（FW/ツールのバージョンなど）

Python 3.8.3
Windows10

ご回答いただいた内容の試行

teamiklさんに教えていただいた解決方法を試してみました。
以下の3行を追加してみたところ、下左図のようなボタンができました。

fra.pack(expand=True, fill="both", padx=10)

style.theme_use("default")

btn.pack()

　　　
ボタンの設置はうまくいきました！　ありがとうございます。
しかし、カーソルをボタン上に移動させると、右図のように背景色が灰色になってしまいました。これを回避する方法はありますでしょうか？
（加えて、もし可能であれば押印時にボタンの外周に表示される枠線を消す方法もあれば、ご教授いただきたいです）

Answer 1

簡単な回避方法です。

ボタンの背景

style = ttk.Style()
style.theme_use("default")

windows では競合する設定があるようです。
何でもいいので他のテーマに変えてみてください。"calm", "alt" 等。

---

ボタンの縦幅について、

ttk.Button に height 引数は有りませんが、縦方向に伸びない原因は、
親ウィジェットである fra の pack に fill="x" が指定されているためです。
ここを "both" に変更すると、子要素も縦方向に伸縮可能になります。

ですが、今回の質問のケースではリサイズなしなので、
簡単な解決策は、ipady で調整する方法です。

button.pack(fill=tk.BOTH, expand=True, ipady=20)

尚、row/columnconfigure は grid() でのレイアウト用なので、
pack() には影響ありません。

Comments

[netz-eng]

ご回答ありがとうございます！
ボタンのサイズや背景色の設定、うまくいきました。

もしお時間があれば、ご回答いただいた内容を踏まえて質問文を追加編集しましたので、合わせてお教えいただければ嬉しいです。よろしくお願いします。

[teamikl]

背景色について ボタンを押した時、非有効時、
マウスが載った時、などの設定が可能です。

style.map("Bold.TButton",
foreground=[('pressed', 'red'), ('active', 'blue')],
background=[('pressed', '!disabled', 'black'), ('active', '#ffaaff')]
)

マウスが載ったときは 'active' の色

枠線は再現できなかったので試してませんが、
"relief" で同様に設定できます。

[teamikl]

> 押印時にボタンの外周に表示される枠線を消す方法

もしフォーカス時の破線であれば、

style.layout("Bold.TButton",
　　[('TButton.border', {'sticky': 'nswe', 'border': '1', 'children': [
　　　　#('Button.focus', {'sticky': 'nswe', 'children': [
　　　　　　('Button.padding', {'sticky': 'nswe', 'children': [
　　　　　　　　('Button.label', {'sticky': 'nswe'})]})
　　　　　　]})
　　　　#]})
　　])

----
探し方

from pprint import pprint
pprint(style.layout("Bold.TButton")) でレイアウトが出力されます。
.focus という要素があるので、その先頭と終端をコメントアウト。

style.map, style.configure についても同様の方法で
適応中の設定を探します。

[netz-eng]

ご返信ありがとうございます！
①背景色の件、試してみたところ成功しました。

②フォーカス時の破線ですが、ご指摘いただいたコードをインデントを調製して打ち込んでみたところ、

style.layout("Bold.TButton",
[('TButton.border', {'sticky': 'nswe', 'border': '1', 'children': [
#('Button.focus', {'sticky': 'nswe', 'children': [
('Button.padding', {'sticky': 'nswe', 'children': [
('Button.label', {'sticky': 'nswe'})]})
]})
#]})
])
Traceback (most recent call last):
File "<stdin>", line 1, in <module>
ValueError: I/O operation on closed file.
>>> can't invoke "event" command: application has been destroyed
while executing
"event generate $w <<ThemeChanged>>"
(procedure "ttk::ThemeChanged" line 6)
invoked from within
"ttk::ThemeChanged"

このようなエラー？　が出てしまいました。

[teamikl]

コメントに書かれたのを再度コピーして試してみましたが、
正常に動きます。win10/64bit Python 3.8.3 ターミナルで実行

問題が再現するコードを質問文で提示していただけますか。
また、style.layout(...) なしで正常に動作する点も確認してください。

File "<stdin>", line 1, ... 対話モード？該当の行が何処かわかりません。
ValueError: I/O operation on closed file
can't invoke "event" command: application has been destroyed
は破棄済みの tk に対して操作を行おうとしたときに起こります。

[netz-eng]

ご返信ありがとうございます。
そちらでは正常に動いたとのことで、対話モードを起動し直したところ、フォーカス時の破線をなくすことができました。
お手数をおかけしました。