CSS3

：

疑似要素

：

::file-selector-button

　 編集：2022.07.13 by T.A.

[Edge]○。→●、mdn

ファイル選択用のボタン。

E::file-selector-button
E 該当させる要素。

type=file を伴う INPUT 要素の内側にあるボタンを ― ユーザー エージェントが、それを具現化するならば ― ターゲットにする。

::file-selector-button 疑似要素に どのプロパティが適用されるかに対しては、制約は無い。

次の例は、ファイル選択用のボタンの周りに green なボーダーを示すべきである： 
::file-selector-button { border: 3px solid green }

以下のCSSが組み込んであります： 

<INPUT class=Test type=file>

テスト
別画面に表示させて。
HTML：

ここに表示
HTML：

ここに表示
スクリプト：


スクリプト：



表示内容：
表示内容：