input fileにカーソルポインターを追加する

問題

inputタグのfileタイプにcssで以下を当ててもカーソルにならない

style.css

cursor: pointer;

解決方法

以下のコードでOK

style.css

input[type=file]::-webkit-file-upload-button { 
  cursor: pointer;
}

参考

以下サイトのコメント部分を参考にした