チェックボックスの影をなくして完全にフラットにすることは出来ますか?
もしあるのなら方法を教えてください。

このQ&Aに関連する最新のQ&A

A 回答 (1件)

思いつかないですね。


form部品は、スタイルシートをつかって、
<input type="button" name="b1" value="click" style="border:#6699ff solid 1px; background-color:#99ccff;color:#336699">

とかできますけど、checkboxは、影になっている部分は、borderではないようなので、変えられませんね~

画像とJavaScriptを使えば代わりになるモノを作れそうですが・・・。
果たしてそこまでする意味があるのか???

<img src="check.gif" width="10" height="10" border="0" onClick="○○">

のようにして、制御はできると思います。が、これじゃあ回答になってないですね。
失礼いたしました~。
    • good
    • 0
この回答へのお礼

ご回答いただきありがとうございます。
そうですよね・・・
そこまでして何が何でも影をなくしたいというわけでもないので。
でもデザインの都合でフラットになったらカッコイイかな、と。

お礼日時:2001/11/12 16:22

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qチェックボックスのチェック

チェックボックスのチェックして送信した後のページから送信前のページに戻るとチェックボックスがチェックされた状態でブラウザで表示されます

1
2ここにチェックを入れて削除すると
3

1
3戻るを押した時にここにチェックが入ってしまいます



javascriptで戻るボタンをつくっていますが他にチェックが残らずにに戻る方法はありますか?


<input type=button value="戻る" onClick="history.back()">

よろしくお願いします

Aベストアンサー

bodyのonloadイベントなどでチェックを外すscriptを実行するのはどうでしょうか

Qチェックボックスの一括チェック

ボタンをクリックしたときに
チェックボックスの一括チェック
が行われるようにしたいのです

チェックボックスの名前は
g1
g2
g3
g4
g5
g6
フォーム名は
mlForm
なので

<script language="Javascript">
function zen_cl1() {

document.mlForm.g1.click();
document.mlForm.g2.click();
document.mlForm.g3.click();
document.mlForm.g4.click();
document.mlForm.g5.click();
document.mlForm.g6.click();

}
</script>

ボタンを
<input name="zencheck" type="button" id="zencheck" onClick="zen_cl1()" value="全部選択/解除">

このように書くと
エラーが起こるのです

いい方法はないでしょうか

ボタンをクリックしたときに
チェックボックスの一括チェック
が行われるようにしたいのです

チェックボックスの名前は
g1
g2
g3
g4
g5
g6
フォーム名は
mlForm
なので

<script language="Javascript">
function zen_cl1() {

document.mlForm.g1.click();
document.mlForm.g2.click();
document.mlForm.g3.click();
document.mlForm.g4.click();
document.mlForm.g5.click();
document.mlForm.g6.click();

}
</script>

ボタンを
<input name="zencheck" type="button" id="zen...続きを読む

Aベストアンサー

 ご参考に↓
http://javascript.eweb-design.com/1212_ac.html

参考URL:http://javascript.eweb-design.com/1212_ac.html

Qチェックボックスにチェック>>文字サイズが小さく…

原因がわからなくって困っております。

IE8でチェックボックスにチェック入れると その横のテキスト文字サイズが小さくなるのです。

いろいろ調べてみてるのですが、よくわからず

ここに近いのかな?ともおもったのですが、ちょっとちがうかなと思い
(これってIE8の不具合なんじゃね・・・?文字の大きさが勝手に変化するよ?)
http://freesoft.tvbok.com/sonota/ie8-fontsize.html


実際にその現象が起こるページを下記URLにアップしております。
http://www23.atpages.jp/~ebeband/test/
(たちつてとの横のチェックボックスにチェックをいれてみてください。)

CSSもHTMLにいれておりますので、ソースを参考にしてみてください。


どうか解決方法おしえていただけないでしょうか?

どうぞよろしくお願いいたします。

Aベストアンサー

font-familyを指定するとうまくいくかもしれません。
指定方法は「UTF-8 IEのフォント」で検索してみてください。

Qチェックボックスにチェックを入れると飛ぶ

お世話になります。

フォームとかでチェックボックスを入れると

その時点でリンク先のページに飛ばすことってできますか?

その方法を教えていただければと思います。

Aベストアンサー

No.1です。
お客さんの要望とのことですが、それでしたらとってもまずいと説明してください。誤った実装を説明するのも、請負業者の責任です。後で「何で言ってくれなかったのか」といわれます。かっこよいボタンにでもすればよいかと。
 それはともかく、フォームを使うということは、それで次の選択項目を入れ替えるなどされるのでしたら、いちいちサーバーにアクセスしていたら大変ですので、Prototype JavaScript FrameworkやjQueryのようなAjaxで実装されるほうが良いでしょう。

Qチェックボックスグループの一部のボックスだけを常に無効化したい

チェックボックスグループの一部のボックスだけを常に無効
(readonly、disabled)にする方法があればご教示ください。
たとえば、以下でみかんだけを無効にする、という具合です。

<INPUT TYPE="CHECKBOX" NAME="kudamono" value="りんご">りんご
<INPUT TYPE="CHECKBOX" NAME="kudamono" value="みかん">みかん
<INPUT TYPE="CHECKBOX" NAME="kudamono" value="なし">なし

(もちろんJavascript、CSS可、IE6限定で動作すれば十分です。)
よろしくお願い致します。

Aベストアンサー

No1さんのおっしゃるように、個別でdisabledを指定するか、まとめてjavascriptでdisabledを設定してあげることも出来ます。

※javascriptの方に投稿されていたソースでは、果物、野菜、魚肉とグループがあったようですので、何をdisabledにするか、指定するようにしました。

function disableFood(kind) {
  disableLists = document.forms("Form1").elements(kind);

  if (disableLists && disableLists.length) {
    for (i = 0; i < disableLists.length; i++) {
        disableLists[i].disabled = true;
      }
    } else if (disableLists) {
      disableLists.disabled = true;
    } else {
    }
  }
}


呼び出し方は、
disableFood("kudamono")
のようになります。

No1さんのおっしゃるように、個別でdisabledを指定するか、まとめてjavascriptでdisabledを設定してあげることも出来ます。

※javascriptの方に投稿されていたソースでは、果物、野菜、魚肉とグループがあったようですので、何をdisabledにするか、指定するようにしました。

function disableFood(kind) {
  disableLists = document.forms("Form1").elements(kind);

  if (disableLists && disableLists.length) {
    for (i = 0; i < disableLists.length; i++) {
        disableL...続きを読む


このカテゴリの人気Q&Aランキング

おすすめ情報