タグ

ブックマーク / qiita.com/super-mana-chan (2)

  • 【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】<input type="file">は::file-selector-buttonでスタイルをつけよう - Qiita
  • [VSCode拡張] "php"+" tabキー"でphpタグ<?php ?>を展開できるようにする - Qiita

    WordPressを使うことになりそうなので、 VSCodeで<?php ?>を展開するショートカット的な拡張はないのかと漁ってましたら こんな素敵な記事を見つけて、しかも簡単で、嬉しかったのでメモ程度にまとめます。 「php」 + tabキーでphpタグを展開するスニペットを作成する - IPSJK コードスニペットとは 何かの文字をキーにコード一式を登録しておいて、簡単に使い回しできる機能のこと VSCodeにコードスニペットを登録して効率的にコーディング! | HPcode 登録の仕方 ①command+shift+pで「snippets」と検索 ② ファイルを選択するよう切り替わるので、今回はhtml.json(※phpじゃないよ!!!)を選択 ③ html.jsonに以下のコードを追加する。

    [VSCode拡張] "php"+" tabキー"でphpタグ<?php ?>を展開できるようにする - Qiita
  • 1