inputタグには疑似要素が効きません
結論:inputタグをdivタグで囲う。囲ったdivタグに疑似要素を指定する。
下記のようなinputタグの後ろに装飾としてboxがつくような例とします。
divの場合
See the Pen
abJPrqa by がうがう (@gawgaw-2020)
on CodePen.
inputの場合
divタグをinputタグに変えてみます。
疑似要素どこいった...
See the Pen
GRWPbgj by がうがう (@gawgaw-2020)
on CodePen.
【対処法】inputタグはdivタグで囲う
inputタグはdivタグで囲い、
囲ったdivタグに疑似要素を指定します。
See the Pen
JjWwQoQ by がうがう (@gawgaw-2020)
on CodePen.
↧