[B! input][css] tytoのブックマーク

tyto id:tyto

inputとcssに関するtytoのブックマーク (2)

<input type=
どうもfujiharaです。ここ最近の台風ラッシュには困りました。通勤電車が見合わせてまったく動かない経験を久々にしました。本日は<input type="file">の装飾を行っていきます。方法は実在する<input type="file"> を見えないようにして、装飾可能な a要素がクリックされたタイミングで見えない input要素をクリックしてあげます。失敗例 $('input:file').css({　　　　　　　//元々のファイルフォームを隠す。 'opacity':0, 'display':'none' }); $('a').on('click', function(e) {　 //装飾用のリンクをクリックしたタイミング $('input:file').click(); //ファイルフォームをクリック e.preventDefault(); }); 実はこのままだと
tyto 2014/11/17
input

file

css

javascript

Android
リンク
ファイルアップロードのinput type="file"にsize属性とwidthスタイルを適用してみたテスト - kanonji’s diary
ファイルアップロードのinput要素の横幅の扱いが、各ブラウザで異なるようなので、まずは比べてみました。概要 input要素は下記の4種類を比べてみました。 size属性もwidthも無し。 size="30" width:300px; size="30" と width:300px; あ、size="30"とwidth:300px;は、別に同じ長さになるかとか確認してないです。結果下のほうに、スクリーンショットと、使用したhtmlソースコードがあります。 WebKit系のSafariとChromeは、そもそもinput type="file"で生成されるUIが特殊です。 size="30"だと短すぎた可能性もありますが、widthは正しく反映されているような雰囲気です。 IE6とOperaは、割と期待通りの動きをしている気がします。 sizeが有効で、widthが設定されれば、さら
tyto 2009/08/29
input

file

css
リンク
1