Uncategorized selectタグに::before ::afterなどの疑似要素を追加する方法【CSS】
結論から言うとselectタグには::beforeや::afterの疑似要素を当てることはできない。
そのためselectタグの親要素に擬似要素を指定して代用する。
<div class="search-pref">
&...
Uncategorized Uncategorized CSSで背景画像の位置を中央から引いた/足したpx数にする
CSSで背景画像のpositoinを要素の中央から何pxか引いた、もしくは足した数にする方法。
calcを用いて計算させる。
.from-center {
background-image: url('nandemo.png');
...
Uncategorized nodebrewでnode.jsをインストールする時にxcrunでerrorが出る問題を解決
標題通り、nodebrewでnode.jsの別バージョンをインストールする時に以下のエラーが出た。
xcode-select: error: tool 'xcodebuild' requires Xcode, but active deve...
Uncategorized 【即解決】WordPressのショートコードがpタグで囲まれてしまうのを最も簡単に除去する方法
WordPressの自作ショートコードを設定した時に、ショートコードの次に改行を入れて文章を入力するとpタグによって囲まれることがある。
そのような時の解決方法。以下のコードをfunctions.phpに挿入する。
remove_fil...
Uncategorized .gitignoreが反映されない時の対応方法
.gitignoreにファイル・フォルダを追加したにも関わらずgit addに表示されてしまう時。
gitがキャッシュを保持している場合がある。そんな時はgitのキャッシュを消そう。
全てのキャッシュをクリアするには、
$ git r...
Uncategorized CSSのみでposition:absoluteがかかっている要素を上下中央配置にする
position:absoluteで浮いている要素を上下中央配置にするやり方。
昔は大変だったが、今ではflexboxを使えば簡単にできる。キーは子要素にdisplay:flexをかけて、縦方向に中心いするためにflex-directio...
Uncategorized Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法
Flexbox使用時にIE11、Edgeだと子要素の画像が伸縮してしまうバグの修正方法の紹介。
flex-shrink を0に設定してやると直る。
img {
flex-shrink: 0;
}
参考：Flexbox on IE1...
Uncategorized Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合
Gitで全てをコミットした後でmodule不使用にも関わらず、下層ディレクトリでmodified: と表示される場合。
以下のような状態
On branch develop
Changes not staged for commit:
...
Uncategorized Polylangに既存のページを翻訳ページに設定する方法
Polylangに既存のページを翻訳ページに設定する方法。何てことはない。翻訳バーのところに該当するページ名を入力して検索をかけるだけ。
表示されたら選択するだけ。
「＋」アイコンをクリックして新規ページを追加する方法のみしか紹介さ...
Uncategorized Macのディスプレイの色味がおかしい時の直し方
物理的にディスプレイが故障したわけではないのにも関わらず、色味が若干くすんで見える時がある。
特に自分の場合は黄緑色が顕著にくすんで見え、サブディスプレイと比べると違いが大きく分かるくらい。
調べてみるとPRAMメモリのクリアで直るとの...