フォームの立体感をなくすには?

[上に] [前に] [次に]
koo 1999/12/31(金) 17:18:25
文字入力するフォームを、
平面的にする方法があったら教えて下さい。
JAVAアプッレト・CGIなどをつかってもいいです。

1999/12/31(金) 23:26:39
べたな方法:STYLE="border-color: #000000; border-width: 1px"

zizz... [HomePage] 2000/01/01(土) 14:49:51
素直に border-style: none;
じゃ駄目ですか?

2000/01/01(土) 18:18:32
http://www.interq.or.jp/blue/inside/test/flash.html
FLASHなんかも使ってみたりして。

NN派ならいかが?

2000/01/02(日) 01:34:11
border-style: none;って見えなくなりますよね?(確認)

zizz... [HomePage] 2000/01/02(日) 11:43:34
> border-style: none;って見えなくなりますよね?(確認)
何でどこが見えなくなると確認したのですか?
画面の背景とフォームの背景が同じ色だと区別がつかないということですか?

borderがいるのなら
STYLE="border-color: #000000; border-width: 1px;"
なんてわかりにくい方法ではなく、
border-style:solid;
とするでしょう。(普通)
また、STYLE="border-color: #000000; border-width: 1px;" だと
MozillaのM12では、枠が平面的になりません。
input[type=text]のCSSのUA初期値で、
  border: 2px inset rgb(204, 204, 204);
となっているから当然ですが。

しかしinput[type=text]のCSSのUA初期値は
MSIEでも border-style:inset; のようなのに
border-colorを指定すると、
border-style:solid;を指定したような表示になる。
不可解だ。

2000/01/03(月) 05:58:44
zizzさんに確認を取ってるのです。
>画面の背景とフォームの背景が同じ色だと区別がつかないということですか?
区別がつかないと見えないという表現はおかしいでしょうか?
>border-style:solid;
なるほど。ごもっとも

>MozillaのM12
そんな事いわれてもねぇ(笑)

zizz... [HomePage] 2000/01/03(月) 11:59:03
> 区別がつかないと見えないという表現はおかしいでしょうか?
「見えない」と言われると、display: none; や visibility: hidden; を連想します。
境界がはっきりしないだけで、字を入力すると表示されるし、
そもそも境界がわからないのは、画面の背景とフォームの背景が同じ色のときに限られるし。

言いたいのは、「MSIEの動作は間違っているのではないか?」ということなのですが。

koo 2000/01/03(月) 16:52:41
[[解決]]
なんとかできました。
ありがとう!!

2000/01/04(火) 04:23:54
本題は解決した様なので手短に。
>そもそも境界がわからないのは、画面の背景とフォームの背景が同じ色のときに限られるし
フォームの背景とフォームの縁の区別はフォームの背景の色が何色であってもつかないでしょう?
フォームやドキュメントの背景が違ってもborder-styleは設定されないので境界は見えても境界線は見えないでしょう?

#MSIEの動作が正しいか間違ってるかはともかく、違う方法で同じ見た目が得られるので、MSIEの動作が間違ってるということですか?

zizz... [HomePage] 2000/01/04(火) 11:11:43
前者は単なる言葉の問題。

後者について。理由がわかった。
border-color: #000000;を指定すると、border-style:solid;を指定したような表示になるが、
実はboder-styleはinsetのまま。(currentStyleで確認した。)この値は正しい。
つまりborder-styleがinsetでありながら、insetであるように窪んで表示されていない。
boder-colorに別の色、例えばredを指定すると窪んで表示される。
だが、MSIEは黒を指定したとき、明るいほうと暗いほうを両方とも黒としている。

結局、boder-color:black;boder-style:inset; とした場合
MSIEの色の計算が不適切だ、ということになるのと思います。

[上に] [前に] [次に]