htmlのbuttonのデザインが変わってる件

Question

OS: Windows 10
Browser: Google chrome

このようにHtmlのbuttonデフォルトデザインが変わってちょっとカッコよくなってるんですけど　これって、僕のpcのバグですかね？
みなさんもこんなふうになっていますか？

Comments

[Lhankor_Mhy]

どのボタンの話ですか？

[HTMLdoc]

<button></button>
で生成されるデフォルトのボタンのことです。

Answer 1

4月にデザインがアップデートされたようですね。
Google Developers Japan: Chrome のフォーム コントロールとフォーカスのアップデート

---

違った。win版は Chrome 83 からだそうです。最近ですね。

Comments

[HTMLdoc]

おお　ありがとうございます！

Answer 2

みなさんもこんなふうになっていますか？

私のPCだとキャプチャのようになっています。

macOS Mojave
Google Chrome (バージョン: 83.0.4103.61)

---

これって、僕のpcのバグですかね？

「これ」というのが、何を指しているのかがわからないため、残念ながらYes/Noでお返事できないですが、上記のような質問の99%以上は「PCのバグ」や「ブラウザのバグ」ではないです。

Answer 3

下記のアップデイトが効いているのでは。

Google Chrome v83の安定版がリリース。フォーム・コントロールがアップデートされアクセシビリティが改善。 | AAPL Ch.

GoogleとMicrosoftが協力してデザインした新しいHTMLフォーム・コントロールが導入されアクセシビリティが改善しています。

Comments

[HTMLdoc]

そのようでした　ありがとうございます。

Answer 4

このようにHtmlのbuttonデフォルトデザインが変わってちょっとカッコよくなってるんですけど

ボタンのデフォルトデザインは、ブラウザや環境によっても異なります。

特定の形にしたいのであれば、CSSで固定する必要があります。

Answer 5

ファイルを選択は、inputタグです。
こちらを参考に

Answer 6

Chrome のフォーム コントロールとフォーカスのアップデート
がきてたみたいです。