- ベストアンサー
CSSをデフォルトに戻すことは可能でしょうか。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
外部CSSじゃなきゃダメなら、この回答は無視してください。 HTML内のinputタグに直接［style="xxxxx:xxxxx;"]とすれば確実です。 もちろんこれがゆるされるのなら <span style="xx:xxx;"> <div style="xx:xxx;"> でもいけるでしょう。
関連するQ&A
- 上書きでCSSをデフォルトのブラウザスタイルに戻す
設定済みのCSSを削除、もしくは読み込まない方法ではなく、 上書きによってデフォルトのブラウザスタイルに戻す方法はございますでしょうか。 例えば、リセットで下記を設定しているとします、 input{border:none; background:transparent;} これを上書きによって、なにも設定していない状態に戻す方法はございますでしょうか。 CSS3でも構いません。ちなみに、 input{border:initial; background:initial;} を使ってみましたが、うまくいきませんでした。 よろしくお願いいたします。
- ベストアンサー
- CSS
- テーブルの幅をデフォルトに戻すcssがわかりま
<html> <head> <title>test</title> <style type="text/css"> table { width: 100%; } </style> </head> <body> <table border=1> <tr><td>No</td><td>table1</td></tr> </table> <table border=1> <tr><td>No</td><td>table2</td></tr> </table> </body> </html> このようなソースで二つ目のテーブルだけ table { width: 100%; } を適用しない方法はありますか? 実際はテーブルが複数あり 基本的には table { width: 100%; } をテーブルに設定したいのですが とあるテーブルのみテーブルの幅をデフォルトのサイズにしたいのです。 table { width: 100%; } で全てのテーブルに適用した後に クラスを使って該当のテーブルのみ デフォルトの値に戻す方法は有りますか? <table border=1 class="デフォルトに戻す"> <tr><td>No</td><td>table2</td></tr> </table> としたいのですが テーブルの幅をデフォルトに戻すcssがわかりません。 2つのテーブルの幅は指定したくありません。
- ベストアンサー
- HTML
- CSS スタイルを子要素の子要素に継承させたくない
スタイルシートについてまだ初心者なため質問させてください。 以下のようにテーブルのボーダーのスタイルを子要素（<table><td>）にスタイルを継承（？）させているのですが、この方法だと子要素の子要素（<table><td><table><td>）に対しても継承されてしまいます。 table.border { border-style:solid; border-width: 1px 1px 1px 1px; border-collapse: collapse; } table.border td { border-style:solid; border-width: 1px 1px 1px 1px; } table.border > td {…} という指定の方法もあるようですが、こちらは対応しているブラウザが乏しいようで事実上使用できません。 子要素の子要素に対して以下のクラスを指定しても継承が優先されるためか反映されませんでした。 table.none { border-style:none; } table.none td { border-style:none; } HTMLタグに直接以下のように指定しても同様でした。 <table style="border-style:solid;"> どこかのサイトでは継承をリセットする必要があるような事が書いてあったような気がします。 もちろん継承を利用せず<table>および<td>個々にクラスを指定すれば（不必要なタグには指定しなければ）可能だと思いますが、これだと大きなテーブルの場合に非効率で悩んでいます。 どのようにすれば子要素の子要素にスタイルを継承させないようにできるでしょうか？
- ベストアンサー
- CSS
- CSS、どこが間違っている？
友人の話によると、以下のCSSをネット上のチェックプログラムにかけると、エラーがあるといわれるらしいのですが、私にはどこが間違っているのかわかりません。 そのプログラムがそんなに信頼できるのかも謎ですが、「専門家じゃないから私にはわからんよ」といっても「なんとかしてくれ」の一点張りです。 他人様に頼るのもどうかと思うのですが...「なんとかして」頂きたいです。 よろしくお願いします。 BODY{background: #ffffff; url(top.gif) no-repeat fixed 50% 50%; color:#000000; line-height:1.2em; cursor:default;} INPUT,TEXTAREA,SELECT{background-color: #ffffff; color:#000000; border: #000000 1px solid;} a:link{background-color: #ffffff; text-decoration:none; color:#0000A0; cursor : default;} a:visited{background-color: #ffffff; text-decoration:none; color:#707070; cursor : default;} a:active{background-color: #ffffff; text-decoration:none; color:#0000A0; cursor : default;}
- ベストアンサー
- その他（プログラミング・開発）
- CSSでリンクの表示をテキストと画像で変えたい
CSSを使って、 ・テキストのリンクのときは、 a:link で 常に点線のアンダーラインを表示 a:hover で マウスを重ねたとき色を変える ・画像のリンクのときは、 アンダーラインをださない a:hoverの動作をさせない という風にしたいのですがうまくいきません。 a:link { color: black; text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; } a:hover { background-color: black; text-decoration: underline; color:white; } といった指定をして、テキストからのリンクに適用しています。そのうえで、画像には上記の設定が生きないようにしたいと思っていますがうまくいきません。 .bordernone { border: none; } と書いて、リンクの画像に <img src="image/xx.jpg" class="bordernone" style="border-style:none"> などとしてもうまくいきません。 よろしくお願いいたします。
- ベストアンサー
- CSS
- CSSを一部無効にしたい
CSSを一部無効にしたい 今HTML4.01 Transitionalを使用してページを作成しているのですが、 外部cssで、以下のような全体にかかるスタイルを適用しています。 * { border:0 none silver; font-style:normal; font-weight:normal; } このなかのborder: 0 none silver だけを その外部のcssをいじることなく、html上で無効にしたいのです。 HTMLの方でstyleを使うことで上書きすることは可能なのですが、無効にするだけのやり方が分からず、質問させていただきました。よろしくお願いします。 （カテゴリを間違えていたため再投稿させて頂きました）
- ベストアンサー
- HTML
- CSSの優先順位
CSSを一部適用しない部分を設定したいのですが方法が分かりません。 もしかすると、私のやりたいことはCSSの順位付けかもしれません。 ▼基本▼ a:link {color:赤;text-decoration:none;} a:visited {color:青;text-decoration:none;} a:hover {color:黄;text-decoration:none;} a:active {color:緑;text-decoration:none;} ▲基本▲ 一方、下記のテキストには上記CSSの効果はいらないです。ここのテキストはリンクを貼っても文字の色（基本色：黒）を変化させず、下線もつけたくありません。 <td style="border:1px solid gray;" onmouseover="this.style.backgroundColor=紫" onmouseout="this.style.backgroundColor=白">ホーム</td> 「基本」を記述をすると、もちろんリンクをつけたすべてのテキストに適用されてしまいます。 しかし「基本」を一部適用したくない場所に不適用とすると下線とかも勝手につきますよね。 2番目に優先させるものとして↓を記述すべきですか？ a:link {color:黒;text-decoration:none;} a:visited {color:黒;text-decoration:none;} a:hover {color:黒;text-decoration:none;} a:active {color:黒;text-decoration:none;} そもそも優先順位のつけかたが分からないのですが…。 色々考えましたが、何をすべきか分かりません。よろしくお願いします。
- 締切済み
- その他（インターネット・Webサービス）
- JavaScriptで項目入力の制限分岐の仕方
WEBアンケートフォームを作る際、JavaScriptで項目入力の制限分岐の仕方を教えてください WEBアンケートフォームを作ろうとしているのですが、条件がいくつかありうまく作れません。 どなたかこの様な条件分岐でうまくいく方法をご存知の方、あるいは例がのっているWEBチュートリアルのページをご存知の方いらっしゃいませんか？ 【以下、作りたいフォームの項目】 選択肢Ａ～Ｅ（ラジオボタンによる選択）とプルダウンメニュー、テキストボックス入力フィールドがある。 --------------- Ａ プルダウンメニュー Ｂ Ｃ Ｄ Ｅ テキストボックス --------------- テキストボックスはグレーアウトでデフォルトは入力不可になっている。 プルダウンメニューもデフォルトでは選択ができないようになっている。 Ａを選んだらプルダウンメニューが選択可。 Ｃ、Ｄ、Ｅを選んだら、テキストボックスが入力可能になる。 ■■■ いろいろOK Wave内を調べたり、ググって調べて以下のようなソースを書いてみたのですが、 FireFoxやGoogleCromeだとうまく動きません。 これを動かせるようにしていただいても、助かります。 <input type="radio" name="radio1" value="ＡＡＡ" id="r1" checked onclick="this.form.select1.style.display='inline';this.form.select2.style.display='none';this.form.select3.style.display='none';this.form.select4.style.display='none';this.form.select5.style.display='none'"><label for="r1">ＡＡＡ</label><select name="select1" style="display='inline'"><option value="" selected> ------------- </option><option value="１１１">１１１</option><option value="２２２">２２２</option><option value="３３３">３３３</option><option value="４４４">４４４</option><option value="５５５">５５５</option><option value="６６６">６６６</option><option value="７７７">７７７</option><option value="８８８">８８８</option><option value="９９９">９９９</option></select><br /><input type="radio" name="radio1" value="ＢＢＢ" id="r2" onclick="this.form.select2.style.display='inline';this.form.select1.style.display='none';this.form.select3.style.display='none';this.form.select4.style.display='none';this.form.select5.style.display='none'"><label for="r2">ＢＢＢ</label><input name="select2" style="display='none'"><br /><input type="radio" name="radio1" value="ＣＣＣ" id="r3" onclick="this.form.select3.style.display='inline';this.form.select1.style.display='none';this.form.select2.style.display='none';this.form.select4.style.display='none';this.form.select5.style.display='none'"><label for="r3">ＣＣＣ</label><input name="select3" style="display='none'"><br /><input type="radio" name="radio1" value="ＤＤＤ" id="r4" onclick="this.form.select4.style.display='inline';this.form.select1.style.display='none';this.form.select2.style.display='none';this.form.select3.style.display='none';this.form.select5.style.display='none'"><label for="r4">ＤＤＤ</label><input name="select4" style="display='none'"><br /><input type="radio" name="radio1" value="ＥＥＥ" id="r5" onclick="this.form.select5.style.display='inline';this.form.select1.style.display='none';this.form.select2.style.display='none';this.form.select3.style.display='none';this.form.select4.style.display='none'"><label for="r5">ＥＥＥ</label><input name="select5" style="display='none'"> ■■■ よろしくお願いします。
- 締切済み
- JavaScript
- HTML_QUICKFORMのSELECTにデフォルト値設定したい
pearライブラリのhtml_quickformを使ってフォームを作成しているのですが、どうもSELECT要素に対してデフォルト値の設定がうまくいきません。また、hierselectに対してのデフォルト値設定もうまくいかないので、そちらについてもわかりましたら、お教えください。 検証にはこちらのページのソースを少し変更して利用していましたが、 うまくいきません。テキスト要素に対してはデフォルト設定が利いているようですが、SELECT要素に対してはデフォルト値設定が利かないようです。 http://www.planewave.org/translations/quickform/html_quickform.html 以上となります。 どうぞよろしくお願いいたします
- ベストアンサー
- PHP
- CSSのショートハンドの記述ルールについて
ショートハンドの記述方法について疑問が出たので質問します。 XHTMLのTransitionalで宣言しているファイルでの話です。 ex1 { border: #000000 1px; border-style: solid none; } ex2 { border-style: solid none; border: #000000 1px; } これをそれぞれ適当なボックスに指定すると、ex1は上下に線が、ex2はIE7で確認したところex1と同じ挙動でしたが、FirefoxやOperaでは全く線が表示されませんでした。 恐らくデフォルトのnoneがex2の場合は上書きされるのだろうということでこれは解決したのですが、ショートハンドの記述ルールに対して不安が出てきました。 どこか明確に記述してあるサイトはないかと探してみたのですが、どうにも自力では見つけることが出来ず、自分の記述に自信がもてずにいます。 ・ex1と同じ見た目のものを作成したい時、自分（回答者様）ならどう記述するか ・そう記述する根拠 を教えて頂ければと思います。 また、ショートハンドのルールについて詳しく解説しているサイトをもしご存知でしたら、教えて頂ければ幸いです。 よろしくお願いします。
- ベストアンサー
- CSS
お礼
早速ご回答いただき、ありがとうございます。 内部スタイルシートという発送はありませんでした。 とても参考になります。 ありがとうございます。