【JS・HTML/CSS】createElementで作成したinputタグにtype=”text”に対してCSSを適用する話

HTML/CSS,JavaScript

こんにちは、しきゆらです

タイトルでは何を書きたいのかわからないかもですが・・・

 

JSでDOMオブジェクトを作る「document.createElement()」ですが

これでinputタグを作るとき、typeを指定しないとtextとして扱われるようです

 

そして、このinputタグにCSSを適用するために

input[type="text"] {
    border: none;
}

のような、inputタグのtypeに対してCSSを適用しても何も変化しませんでした

 

どうも、createElementで作成したinputをtype="text"として表示するのは

ブラウザ側が空気を読んで表示しているだけで

内部的には何も設定されていないことが原因のようです

 

なので、createElementでinputタグを作る時は

必ずtypeを指定しましょうね

・・・というお話でした

おしまい

 

HTML/CSS,JavaScript

Posted by shikiyura