【重要】サービス終了のお知らせ

input[type=file]をCSSで加工する

goto_jp

License: MIT License

Fork
0
Fav
2
View
6096
  • Play

Fullscreen

Smart Phone

  • Readme
  • JavaScript 0 lines
  • HTML 7 lines
  • CSS 52 lines
●仕組み

「uploadButton」の箱をボタンの枠とし、
input[type=file]にabsoluteをかけopacity:0で透明にし縦横100%に引き伸ばす。

input[type=file]を透明にすると選択したファイル名も表示されずUI上問題あるので、
input[type=text]を用意しそちらに値を収めて表示させている。
  • input[type=file]をCSSで加工する
  • input[type=file]をCSSで加工する

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

goto_jp

Author

  • Twitter
  • Github

JS、画像をなるべく使わず負荷を下げつつ見栄えのよい実用的な手法を模索します。 Codepenに移行しました。 http://codepen.io/KazuyoshiGoto/

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by