【JS・HTML/CSS】createElementで作成したinputタグにtype=”text”に対してCSSを適用する話
こんにちは、しきゆらです
タイトルでは何を書きたいのかわからないかもですが・・・
JSでDOMオブジェクトを作る「document.createElement()」ですが
これでinputタグを作るとき、typeを指定しないとtextとして扱われるようです
そして、このinputタグにCSSを適用するために
input[type="text"] {
border: none;
}のような、inputタグのtypeに対してCSSを適用しても何も変化しませんでした
どうも、createElementで作成したinputをtype="text"として表示するのは
ブラウザ側が空気を読んで表示しているだけで
内部的には何も設定されていないことが原因のようです
なので、createElementでinputタグを作る時は
必ずtypeを指定しましょうね
・・・というお話でした
おしまい