コメント入力欄を小さくするよ。
いろいろな方の助言を得て、コメントの入力欄を小さくする方法が
やっと解明できましたー。
(Thanks:tomoさま・ken2さま・cisco.さま)
キーは、この! important。
通常の、テキストエリアタグ(?)に関する優先順位はこう。
《優先度》高←← →→低
「HTML」>「作成者CSS」>「ユーザ(閲覧者側)CSS」>「UA(ブラウザ等)の初期値」
つまり、HTMLで「cols="~"」とか書かれていると、それが優先されるので、スタイルシートで横幅縮小できないのです。
が。各スタイルシートでスタイル指定をする時に、その宣言に「!important」を付けることによって、
《優先度》高←← →→低
「!important付きCSS」> HTML > ...
と、優先順位が変わるため、横幅縮小できるようになるのです(きっと)
巷ではコメント入力欄の幅を広げるのが流行っておりますが、あえてちっちゃくする方法も一緒に試してみたい方、小さめスキンの作成を考えている方は、どうぞお試しくださいませ~♪
やっと解明できましたー。
(Thanks:tomoさま・ken2さま・cisco.さま)
- □Step1 … 捜索
- CSS編集で DIV.COMMENT_INPUT を捜索。ずずぃっと。
- □Step2 … 追加
- わかりやすいようにその次の行くらいに、
DIV.COMMENT_INPUT TEXTAREA{width:●em ! important;font-size:10px}
を追加。
意味合いとしては、『DIV.COMMENT_INPUT(コメント入力部分)にあるテキストエリアの幅は●文字分にしてね、絶対だよ!』って感じ。
キーは、この! important。
通常の、テキストエリアタグ(?)に関する優先順位はこう。
《優先度》高←← →→低
「HTML」>「作成者CSS」>「ユーザ(閲覧者側)CSS」>「UA(ブラウザ等)の初期値」
つまり、HTMLで「cols="~"」とか書かれていると、それが優先されるので、スタイルシートで横幅縮小できないのです。
が。各スタイルシートでスタイル指定をする時に、その宣言に「!important」を付けることによって、
《優先度》高←← →→低
「!important付きCSS」> HTML > ...
と、優先順位が変わるため、横幅縮小できるようになるのです(きっと)
巷ではコメント入力欄の幅を広げるのが流行っておりますが、あえてちっちゃくする方法も一緒に試してみたい方、小さめスキンの作成を考えている方は、どうぞお試しくださいませ~♪
by saradhina
| 2004-09-14 17:25
| Road to MySkin