ドットインストール代表のライフハックブログ
![IDEA * IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/3bb8e50418c9118076b8b352b86a4e7c07392c4a/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2010%2F10%2Fkeyz.gif)
この記事は12年以上前の記事です。情報が古い場合がありますのでお気を付け下さい。結構この壁にぶつかってる人はいると思います。 textとかsubmitをキレイにしたのに、fileの参照ボタンが…!という思いをした人は多いでしょう。 というか僕がぶつかったので記事を書いているわけですが。 というわけで早速調べてみました。 一番参考になったのはこちらのサイト。 CSS2/DOM – Styling an input type=”file” 英語です。 なので、大事なとこだけ簡単に要約します。 <CSS> 1.<input type=”file” />を「position:relative」で配置した要素(divとか)の中に配置する。 2.「position:relative」で配置した要素(divとか)の中に子要素(divとか)を配置して、そこに<input />と<img />(実際表示され
<script type="text/javascript" src="jquery.js"></script"> <script language="javascript" type="text/javascript"> $(function() { // 1行おきに色を付ける $(".stripe tr:nth-child(odd)").addClass("odd"); $(".stripe tr:nth-child(even)").addClass("even"); // マウスが乗った行に色を付ける $(".stripe tr").mouseover(function() { $(this).addClass("over"); }).mouseout(function() { $(this).removeClass("over"); }); // 選択された行に色を付け、再度選択さ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く