【CSS】<input type="file">は::file-selector-buttonでスタイルをつけよう - Qiita
<input type="file">は直接スタイル指定ができず、デザインの変更 が面倒だったのですが、::file-selector-button を使えば簡単に指定できることを知ったので備忘録です。 使い方 See the Pen ::file-selector-button by himeka223 (@himeka223) on CodePen. ::file-selector-button にボタンのスタイルを設定するだけです！ 「選択されていません（選択後はファイル名）」の文言のスタイルはinputの方で変更できます。 display: block; を追加すればボタンとテキストの間で改行も可能です。 すべてのブラウザで対応済み 既にすべてのブラウザで対応済みのようで、安心して使えます！ テキストも変更したい場合は疑似要素をのせる 残念ながら ::file-selector-b
CSSだけで簡単にドロワーメニュー(ハンバーガーメニュー)を作る - Qiita
ハンバーガーアイコンの☓になる動き、横からメニューが出てくる動き、メニューが出てるときはメインエリアを暗くすることまで、すべてCSSのみで実装可能。 See the Pen drawer menu by himeka223 (@himeka223) on CodePen. 解説 CSSのみで作るドロワーメニューの動きは、inputタグのcheckboxで制御している。 チェックがされた場合… メニュー横から出現、アイコンを☓に、メインエリアを暗く。 チェックがはずれた場合… すべてもとに戻る。 checkbox と label の連動 checkbox を label と連動させ、 labelのクリックで、checkboxにチェックが入るように。 <!-- checkbox自体は非表示 --> <input class="l-drawer__checkbox" id="drawerChec
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
